@womp/kookie-ui 0.3.23 → 0.3.24

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/components.css CHANGED
@@ -1520,18 +1520,15 @@
1520
1520
  isolation: isolate;
1521
1521
  }
1522
1522
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-AccordionRoot {
1523
- -webkit-backdrop-filter: var(--backdrop-filter-components);
1524
- backdrop-filter: var(--backdrop-filter-components);
1523
+ backdrop-filter: var(--backdrop-filter-components);
1525
1524
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
1526
1525
  }
1527
1526
  .rt-AccordionRoot:where([data-panel-background='solid'],[data-material='solid']) {
1528
- -webkit-backdrop-filter: none;
1529
- backdrop-filter: none;
1527
+ backdrop-filter: none;
1530
1528
  --backdrop-filter-components: none;
1531
1529
  }
1532
1530
  .rt-AccordionRoot:where([data-panel-background='translucent'],[data-material='translucent']) {
1533
- -webkit-backdrop-filter: var(--backdrop-filter-components);
1534
- backdrop-filter: var(--backdrop-filter-components);
1531
+ backdrop-filter: var(--backdrop-filter-components);
1535
1532
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
1536
1533
  }
1537
1534
  .rt-AccordionRoot:where(.rt-r-size-1) {
@@ -1627,23 +1624,20 @@
1627
1624
  background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
1628
1625
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
1629
1626
  box-shadow: inset 0 0 0 1px var(--accent-a6);
1630
- -webkit-backdrop-filter: var(--backdrop-filter-components);
1631
- backdrop-filter: var(--backdrop-filter-components);
1627
+ backdrop-filter: var(--backdrop-filter-components);
1632
1628
  }
1633
1629
  :where(.rt-AccordionRoot:where(.rt-variant-surface)):where([data-panel-background='solid'],[data-material='solid']) {
1634
1630
  background-color: var(--accent-2);
1635
1631
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
1636
1632
  box-shadow: inset 0 0 0 1px var(--accent-6);
1637
- -webkit-backdrop-filter: none;
1638
- backdrop-filter: none;
1633
+ backdrop-filter: none;
1639
1634
  --backdrop-filter-components: none;
1640
1635
  }
1641
1636
  :where(.rt-AccordionRoot:where(.rt-variant-surface)):where([data-panel-background='translucent'],[data-material='translucent']) {
1642
1637
  background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
1643
1638
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
1644
1639
  box-shadow: inset 0 0 0 1px var(--accent-a6);
1645
- -webkit-backdrop-filter: var(--backdrop-filter-components);
1646
- backdrop-filter: var(--backdrop-filter-components);
1640
+ backdrop-filter: var(--backdrop-filter-components);
1647
1641
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
1648
1642
  }
1649
1643
  :where(.rt-AccordionRoot:where(.rt-variant-classic)) {
@@ -1655,19 +1649,16 @@
1655
1649
  }
1656
1650
  :where([data-panel-background='translucent'],[data-material='translucent']) :where(.rt-AccordionRoot:where(.rt-variant-classic)) {
1657
1651
  background-color: var(--color-surface-translucent);
1658
- -webkit-backdrop-filter: var(--backdrop-filter-components);
1659
- backdrop-filter: var(--backdrop-filter-components);
1652
+ backdrop-filter: var(--backdrop-filter-components);
1660
1653
  }
1661
1654
  :where(.rt-AccordionRoot:where(.rt-variant-classic)):where([data-panel-background='solid'],[data-material='solid']) {
1662
1655
  background-color: var(--color-surface-solid);
1663
- -webkit-backdrop-filter: none;
1664
- backdrop-filter: none;
1656
+ backdrop-filter: none;
1665
1657
  --backdrop-filter-components: none;
1666
1658
  }
1667
1659
  :where(.rt-AccordionRoot:where(.rt-variant-classic)):where([data-panel-background='translucent'],[data-material='translucent']) {
1668
1660
  background-color: var(--color-surface-translucent);
1669
- -webkit-backdrop-filter: var(--backdrop-filter-components);
1670
- backdrop-filter: var(--backdrop-filter-components);
1661
+ backdrop-filter: var(--backdrop-filter-components);
1671
1662
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
1672
1663
  }
1673
1664
  :where(.rt-AccordionRoot:where(.rt-variant-soft)) {
@@ -1677,19 +1668,16 @@
1677
1668
  }
1678
1669
  :where([data-panel-background='translucent'],[data-material='translucent']) :where(.rt-AccordionRoot:where(.rt-variant-soft)) {
1679
1670
  background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
1680
- -webkit-backdrop-filter: var(--backdrop-filter-components);
1681
- backdrop-filter: var(--backdrop-filter-components);
1671
+ backdrop-filter: var(--backdrop-filter-components);
1682
1672
  }
1683
1673
  :where(.rt-AccordionRoot:where(.rt-variant-soft)):where([data-panel-background='solid'],[data-material='solid']) {
1684
1674
  background-color: var(--accent-2);
1685
- -webkit-backdrop-filter: none;
1686
- backdrop-filter: none;
1675
+ backdrop-filter: none;
1687
1676
  --backdrop-filter-components: none;
1688
1677
  }
1689
1678
  :where(.rt-AccordionRoot:where(.rt-variant-soft)):where([data-panel-background='translucent'],[data-material='translucent']) {
1690
1679
  background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
1691
- -webkit-backdrop-filter: var(--backdrop-filter-components);
1692
- backdrop-filter: var(--backdrop-filter-components);
1680
+ backdrop-filter: var(--backdrop-filter-components);
1693
1681
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
1694
1682
  }
1695
1683
  :where(.rt-AccordionRoot:where(.rt-variant-outline)) {
@@ -1705,15 +1693,13 @@
1705
1693
  :where(.rt-AccordionRoot:where(.rt-variant-outline)):where([data-panel-background='solid'],[data-material='solid']) {
1706
1694
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
1707
1695
  box-shadow: inset 0 0 0 1px var(--accent-6);
1708
- -webkit-backdrop-filter: none;
1709
- backdrop-filter: none;
1696
+ backdrop-filter: none;
1710
1697
  --backdrop-filter-components: none;
1711
1698
  }
1712
1699
  :where(.rt-AccordionRoot:where(.rt-variant-outline)):where([data-panel-background='translucent'],[data-material='translucent']) {
1713
1700
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
1714
1701
  box-shadow: inset 0 0 0 1px var(--accent-a6);
1715
- -webkit-backdrop-filter: var(--backdrop-filter-components);
1716
- backdrop-filter: var(--backdrop-filter-components);
1702
+ backdrop-filter: var(--backdrop-filter-components);
1717
1703
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
1718
1704
  }
1719
1705
  :where(.rt-AccordionRoot:where(.rt-variant-ghost)) {
@@ -2054,7 +2040,7 @@
2054
2040
  animation: none;
2055
2041
  }
2056
2042
  }
2057
- @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
2043
+ @supports not (backdrop-filter: blur(1px)) {
2058
2044
  :where(.rt-AccordionRoot[data-material='translucent']) {
2059
2045
  background-color: var(--accent-2);
2060
2046
  }
@@ -2078,8 +2064,7 @@
2078
2064
  }
2079
2065
  :where(.rt-AccordionRoot[data-material='translucent']) {
2080
2066
  background-color: Canvas;
2081
- -webkit-backdrop-filter: none;
2082
- backdrop-filter: none;
2067
+ backdrop-filter: none;
2083
2068
  }
2084
2069
  }
2085
2070
  @media (hover: hover) {
@@ -2249,18 +2234,15 @@
2249
2234
  outline: none;
2250
2235
  }
2251
2236
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-BaseDialogContent {
2252
- -webkit-backdrop-filter: var(--backdrop-filter-dialog);
2253
- backdrop-filter: var(--backdrop-filter-dialog);
2237
+ backdrop-filter: var(--backdrop-filter-dialog);
2254
2238
  }
2255
2239
  .rt-BaseDialogContent:where([data-panel-background='solid'],[data-material='solid']) {
2256
2240
  background-color: var(--color-dialog-solid);
2257
- -webkit-backdrop-filter: none;
2258
- backdrop-filter: none;
2241
+ backdrop-filter: none;
2259
2242
  }
2260
2243
  .rt-BaseDialogContent:where([data-panel-background='translucent'],[data-material='translucent']) {
2261
2244
  background-color: var(--color-dialog-translucent);
2262
- -webkit-backdrop-filter: var(--backdrop-filter-dialog);
2263
- backdrop-filter: var(--backdrop-filter-dialog);
2245
+ backdrop-filter: var(--backdrop-filter-dialog);
2264
2246
  }
2265
2247
  .rt-BaseDialogContent:where(.rt-r-size-1) {
2266
2248
  --dialog-content-padding: var(--space-5);
@@ -2392,7 +2374,7 @@
2392
2374
  animation: rt-dialog-content-hide var(--motion-duration-small) var(--motion-spring-snappy);
2393
2375
  }
2394
2376
  }
2395
- @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
2377
+ @supports not (backdrop-filter: blur(1px)) {
2396
2378
  :where(.rt-BaseDialogContent[data-material='translucent']),
2397
2379
  :where(.rt-BaseDialogContent[data-panel-background='translucent']) {
2398
2380
  background-color: var(--color-dialog-solid);
@@ -2457,18 +2439,15 @@
2457
2439
  isolation: isolate;
2458
2440
  }
2459
2441
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-AvatarRoot {
2460
- -webkit-backdrop-filter: var(--backdrop-filter-components);
2461
- backdrop-filter: var(--backdrop-filter-components);
2442
+ backdrop-filter: var(--backdrop-filter-components);
2462
2443
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
2463
2444
  }
2464
2445
  .rt-AvatarRoot:where([data-panel-background='solid'],[data-material='solid']) {
2465
- -webkit-backdrop-filter: none;
2466
- backdrop-filter: none;
2446
+ backdrop-filter: none;
2467
2447
  --backdrop-filter-components: none;
2468
2448
  }
2469
2449
  .rt-AvatarRoot:where([data-panel-background='translucent'],[data-material='translucent']) {
2470
- -webkit-backdrop-filter: var(--backdrop-filter-components);
2471
- backdrop-filter: var(--backdrop-filter-components);
2450
+ backdrop-filter: var(--backdrop-filter-components);
2472
2451
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
2473
2452
  }
2474
2453
  .rt-AvatarRoot:where(button),
@@ -3384,22 +3363,19 @@
3384
3363
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-Badge {
3385
3364
  --material-blend: 60%;
3386
3365
  --material-alpha: 1;
3387
- -webkit-backdrop-filter: var(--backdrop-filter-components);
3388
- backdrop-filter: var(--backdrop-filter-components);
3366
+ backdrop-filter: var(--backdrop-filter-components);
3389
3367
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
3390
3368
  }
3391
3369
  .rt-Badge:where([data-panel-background='solid'],[data-material='solid']) {
3392
3370
  --material-blend: 100%;
3393
3371
  --material-alpha: 0;
3394
- -webkit-backdrop-filter: none;
3395
- backdrop-filter: none;
3372
+ backdrop-filter: none;
3396
3373
  --backdrop-filter-components: none;
3397
3374
  }
3398
3375
  .rt-Badge:where([data-panel-background='translucent'],[data-material='translucent']) {
3399
3376
  --material-blend: 60%;
3400
3377
  --material-alpha: 1;
3401
- -webkit-backdrop-filter: var(--backdrop-filter-components);
3402
- backdrop-filter: var(--backdrop-filter-components);
3378
+ backdrop-filter: var(--backdrop-filter-components);
3403
3379
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
3404
3380
  }
3405
3381
  @media (prefers-reduced-motion: reduce) {
@@ -3853,18 +3829,15 @@
3853
3829
  flex-direction: row-reverse;
3854
3830
  }
3855
3831
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-BaseButton {
3856
- -webkit-backdrop-filter: var(--backdrop-filter-components);
3857
- backdrop-filter: var(--backdrop-filter-components);
3832
+ backdrop-filter: var(--backdrop-filter-components);
3858
3833
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
3859
3834
  }
3860
3835
  .rt-BaseButton:where([data-panel-background='solid'],[data-material='solid']) {
3861
- -webkit-backdrop-filter: none;
3862
- backdrop-filter: none;
3836
+ backdrop-filter: none;
3863
3837
  --backdrop-filter-components: none;
3864
3838
  }
3865
3839
  .rt-BaseButton:where([data-panel-background='translucent'],[data-material='translucent']) {
3866
- -webkit-backdrop-filter: var(--backdrop-filter-components);
3867
- backdrop-filter: var(--backdrop-filter-components);
3840
+ backdrop-filter: var(--backdrop-filter-components);
3868
3841
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
3869
3842
  }
3870
3843
  @media (forced-colors: active) {
@@ -3894,8 +3867,7 @@
3894
3867
  .rt-BaseButton {
3895
3868
  -webkit-transition: none;
3896
3869
  transition: none;
3897
- -webkit-backdrop-filter: none;
3898
- backdrop-filter: none;
3870
+ backdrop-filter: none;
3899
3871
  -webkit-animation: none;
3900
3872
  animation: none;
3901
3873
  }
@@ -4994,22 +4966,19 @@
4994
4966
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-CalloutRoot {
4995
4967
  --material-blend: 60%;
4996
4968
  --material-alpha: 1;
4997
- -webkit-backdrop-filter: var(--backdrop-filter-components);
4998
- backdrop-filter: var(--backdrop-filter-components);
4969
+ backdrop-filter: var(--backdrop-filter-components);
4999
4970
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
5000
4971
  }
5001
4972
  .rt-CalloutRoot:where([data-panel-background='solid'],[data-material='solid']) {
5002
4973
  --material-blend: 100%;
5003
4974
  --material-alpha: 0;
5004
- -webkit-backdrop-filter: none;
5005
- backdrop-filter: none;
4975
+ backdrop-filter: none;
5006
4976
  --backdrop-filter-components: none;
5007
4977
  }
5008
4978
  .rt-CalloutRoot:where([data-panel-background='translucent'],[data-material='translucent']) {
5009
4979
  --material-blend: 60%;
5010
4980
  --material-alpha: 1;
5011
- -webkit-backdrop-filter: var(--backdrop-filter-components);
5012
- backdrop-filter: var(--backdrop-filter-components);
4981
+ backdrop-filter: var(--backdrop-filter-components);
5013
4982
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
5014
4983
  }
5015
4984
  .rt-CalloutRoot:where(.rt-high-contrast) {
@@ -5452,17 +5421,14 @@
5452
5421
  z-index: -1;
5453
5422
  }
5454
5423
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-BaseCard::before {
5455
- -webkit-backdrop-filter: var(--backdrop-filter-panel);
5456
- backdrop-filter: var(--backdrop-filter-panel);
5424
+ backdrop-filter: var(--backdrop-filter-panel);
5457
5425
  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
5458
5426
  }
5459
5427
  .rt-BaseCard:where([data-material='solid'],[data-panel-background='solid'])::before {
5460
- -webkit-backdrop-filter: none;
5461
- backdrop-filter: none;
5428
+ backdrop-filter: none;
5462
5429
  }
5463
5430
  .rt-BaseCard:where([data-material='translucent'],[data-panel-background='translucent'])::before {
5464
- -webkit-backdrop-filter: var(--backdrop-filter-panel);
5465
- backdrop-filter: var(--backdrop-filter-panel);
5431
+ backdrop-filter: var(--backdrop-filter-panel);
5466
5432
  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
5467
5433
  }
5468
5434
  .rt-BaseCard:where(:-moz-any-link,button,label) {
@@ -5902,17 +5868,14 @@
5902
5868
  outline-offset: var(--v-focus-offset);
5903
5869
  }
5904
5870
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-BaseCard:where(.rt-variant-ghost) {
5905
- -webkit-backdrop-filter: var(--backdrop-filter-panel);
5906
- backdrop-filter: var(--backdrop-filter-panel);
5871
+ backdrop-filter: var(--backdrop-filter-panel);
5907
5872
  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
5908
5873
  }
5909
5874
  .rt-BaseCard:where(.rt-variant-ghost):where([data-panel-background='solid'],[data-material='solid']) {
5910
- -webkit-backdrop-filter: none;
5911
- backdrop-filter: none;
5875
+ backdrop-filter: none;
5912
5876
  }
5913
5877
  .rt-BaseCard:where(.rt-variant-ghost):where([data-panel-background='translucent'],[data-material='translucent']) {
5914
- -webkit-backdrop-filter: var(--backdrop-filter-panel);
5915
- backdrop-filter: var(--backdrop-filter-panel);
5878
+ backdrop-filter: var(--backdrop-filter-panel);
5916
5879
  --backdrop-filter-panel: blur(var(--backdrop-blur-panel));
5917
5880
  }
5918
5881
  @media (hover: hover) {
@@ -5963,8 +5926,7 @@
5963
5926
  }
5964
5927
  }
5965
5928
  :where(.rt-PopoverContent,.rt-BaseDialogContent,.rt-BaseMenuContent,.rt-DropdownMenuContent,.rt-ContextMenuContent,.rt-AlertDialogContent,.rt-HoverCardContent,.rt-TooltipContent,.rt-Card) .rt-BaseCard:where(.rt-variant-ghost) {
5966
- -webkit-backdrop-filter: none !important;
5967
- backdrop-filter: none !important;
5929
+ backdrop-filter: none !important;
5968
5930
  }
5969
5931
  .rt-BaseCard:where(.rt-variant-classic) {
5970
5932
  --card-border-width: 1px;
@@ -6096,18 +6058,15 @@
6096
6058
  isolation: isolate;
6097
6059
  }
6098
6060
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-BaseCheckboxRoot {
6099
- -webkit-backdrop-filter: var(--backdrop-filter-components);
6100
- backdrop-filter: var(--backdrop-filter-components);
6061
+ backdrop-filter: var(--backdrop-filter-components);
6101
6062
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
6102
6063
  }
6103
6064
  .rt-BaseCheckboxRoot:where([data-panel-background='solid'],[data-material='solid']) {
6104
- -webkit-backdrop-filter: none;
6105
- backdrop-filter: none;
6065
+ backdrop-filter: none;
6106
6066
  --backdrop-filter-components: none;
6107
6067
  }
6108
6068
  .rt-BaseCheckboxRoot:where([data-panel-background='translucent'],[data-material='translucent']) {
6109
- -webkit-backdrop-filter: var(--backdrop-filter-components);
6110
- backdrop-filter: var(--backdrop-filter-components);
6069
+ backdrop-filter: var(--backdrop-filter-components);
6111
6070
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
6112
6071
  }
6113
6072
  .rt-BaseCheckboxRoot::before {
@@ -7185,8 +7144,7 @@
7185
7144
  overflow: hidden;
7186
7145
  z-index: 200;
7187
7146
  background-color: var(--color-panel);
7188
- -webkit-backdrop-filter: var(--backdrop-filter-panel);
7189
- backdrop-filter: var(--backdrop-filter-panel);
7147
+ backdrop-filter: var(--backdrop-filter-panel);
7190
7148
  -webkit-box-shadow: var(--shadow-5);
7191
7149
  box-shadow: var(--shadow-5);
7192
7150
  -webkit-transition: var(--transition-background-blur);
@@ -7202,19 +7160,16 @@
7202
7160
  -webkit-transition: none;
7203
7161
  transition: none;
7204
7162
  will-change: auto;
7205
- -webkit-backdrop-filter: none;
7206
- backdrop-filter: none;
7163
+ backdrop-filter: none;
7207
7164
  }
7208
7165
  }
7209
7166
  .rt-BaseMenuContent:where([data-panel-background='solid']) {
7210
7167
  background-color: var(--color-panel-solid);
7211
- -webkit-backdrop-filter: none;
7212
- backdrop-filter: none;
7168
+ backdrop-filter: none;
7213
7169
  }
7214
7170
  .rt-BaseMenuContent:where([data-panel-background='translucent']) {
7215
7171
  background-color: var(--color-panel-translucent);
7216
- -webkit-backdrop-filter: var(--backdrop-filter-panel);
7217
- backdrop-filter: var(--backdrop-filter-panel);
7172
+ backdrop-filter: var(--backdrop-filter-panel);
7218
7173
  }
7219
7174
  .rt-BaseMenuViewport {
7220
7175
  -webkit-box-flex: 1;
@@ -7272,8 +7227,7 @@
7272
7227
  .rt-BaseMenuItem {
7273
7228
  -webkit-transition: none;
7274
7229
  transition: none;
7275
- -webkit-backdrop-filter: none;
7276
- backdrop-filter: none;
7230
+ backdrop-filter: none;
7277
7231
  }
7278
7232
  }
7279
7233
  .rt-BaseMenuShortcut {
@@ -8058,8 +8012,7 @@
8058
8012
  .rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuSubTrigger) {
8059
8013
  -webkit-transition: none;
8060
8014
  transition: none;
8061
- -webkit-backdrop-filter: none;
8062
- backdrop-filter: none;
8015
+ backdrop-filter: none;
8063
8016
  }
8064
8017
  }
8065
8018
  :where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuSubTrigger)) {
@@ -8078,8 +8031,7 @@
8078
8031
  }
8079
8032
  :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='solid']) {
8080
8033
  background-color: var(--gray-3);
8081
- -webkit-backdrop-filter: none;
8082
- backdrop-filter: none;
8034
+ backdrop-filter: none;
8083
8035
  --backdrop-filter-components: none;
8084
8036
  }
8085
8037
  :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='translucent']) {
@@ -8129,8 +8081,7 @@
8129
8081
  }
8130
8082
  :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='solid']) {
8131
8083
  background-color: var(--accent-3);
8132
- -webkit-backdrop-filter: none;
8133
- backdrop-filter: none;
8084
+ backdrop-filter: none;
8134
8085
  --backdrop-filter-components: none;
8135
8086
  }
8136
8087
  :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='translucent']) {
@@ -8144,8 +8095,7 @@
8144
8095
  }
8145
8096
  :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])):where([data-panel-background='solid']) {
8146
8097
  background-color: var(--accent-4);
8147
- -webkit-backdrop-filter: none;
8148
- backdrop-filter: none;
8098
+ backdrop-filter: none;
8149
8099
  --backdrop-filter-components: none;
8150
8100
  }
8151
8101
  :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])):where([data-panel-background='translucent']) {
@@ -8882,13 +8832,11 @@
8882
8832
  }
8883
8833
  }
8884
8834
  .rt-DialogOverlay::before {
8885
- -webkit-backdrop-filter: var(--backdrop-filter-components) !important;
8886
- backdrop-filter: var(--backdrop-filter-components) !important;
8835
+ backdrop-filter: var(--backdrop-filter-components) !important;
8887
8836
  }
8888
- @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
8837
+ @supports not (backdrop-filter: blur(1px)) {
8889
8838
  .rt-DialogOverlay::before {
8890
- -webkit-backdrop-filter: none !important;
8891
- backdrop-filter: none !important;
8839
+ backdrop-filter: none !important;
8892
8840
  }
8893
8841
  }
8894
8842
  .rt-DropdownMenuContent {
@@ -9119,18 +9067,15 @@
9119
9067
  }
9120
9068
  }
9121
9069
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-TextFieldRoot {
9122
- -webkit-backdrop-filter: var(--backdrop-filter-components);
9123
- backdrop-filter: var(--backdrop-filter-components);
9070
+ backdrop-filter: var(--backdrop-filter-components);
9124
9071
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
9125
9072
  }
9126
9073
  .rt-TextFieldRoot:where([data-panel-background='solid'],[data-material='solid']) {
9127
- -webkit-backdrop-filter: none;
9128
- backdrop-filter: none;
9074
+ backdrop-filter: none;
9129
9075
  --backdrop-filter-components: none;
9130
9076
  }
9131
9077
  .rt-TextFieldRoot:where([data-panel-background='translucent'],[data-material='translucent']) {
9132
- -webkit-backdrop-filter: var(--backdrop-filter-components);
9133
- backdrop-filter: var(--backdrop-filter-components);
9078
+ backdrop-filter: var(--backdrop-filter-components);
9134
9079
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
9135
9080
  }
9136
9081
  @supports selector(:has(*)) {
@@ -12579,8 +12524,7 @@
12579
12524
  }
12580
12525
  .rt-PopoverContent {
12581
12526
  background-color: var(--color-panel);
12582
- -webkit-backdrop-filter: var(--backdrop-filter-panel);
12583
- backdrop-filter: var(--backdrop-filter-panel);
12527
+ backdrop-filter: var(--backdrop-filter-panel);
12584
12528
  -webkit-box-shadow: var(--shadow-5);
12585
12529
  box-shadow: var(--shadow-5);
12586
12530
  min-width: var(--radix-popover-trigger-width);
@@ -12609,13 +12553,11 @@
12609
12553
  }
12610
12554
  .rt-PopoverContent:where([data-panel-background='solid']) {
12611
12555
  background-color: var(--color-panel-solid);
12612
- -webkit-backdrop-filter: none;
12613
- backdrop-filter: none;
12556
+ backdrop-filter: none;
12614
12557
  }
12615
12558
  .rt-PopoverContent:where([data-panel-background='translucent']) {
12616
12559
  background-color: var(--color-panel-translucent);
12617
- -webkit-backdrop-filter: var(--backdrop-filter-panel);
12618
- backdrop-filter: var(--backdrop-filter-panel);
12560
+ backdrop-filter: var(--backdrop-filter-panel);
12619
12561
  }
12620
12562
  .rt-PopoverContent:where([data-has-toolbar]) {
12621
12563
  padding-top: var(--popover-toolbar-offset, var(--popover-content-padding));
@@ -12809,18 +12751,15 @@
12809
12751
  isolation: isolate;
12810
12752
  }
12811
12753
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-ProgressRoot {
12812
- -webkit-backdrop-filter: var(--backdrop-filter-components);
12813
- backdrop-filter: var(--backdrop-filter-components);
12754
+ backdrop-filter: var(--backdrop-filter-components);
12814
12755
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
12815
12756
  }
12816
12757
  .rt-ProgressRoot:where([data-panel-background='solid'],[data-material='solid']) {
12817
- -webkit-backdrop-filter: none;
12818
- backdrop-filter: none;
12758
+ backdrop-filter: none;
12819
12759
  --backdrop-filter-components: none;
12820
12760
  }
12821
12761
  .rt-ProgressRoot:where([data-panel-background='translucent'],[data-material='translucent']) {
12822
- -webkit-backdrop-filter: var(--backdrop-filter-components);
12823
- backdrop-filter: var(--backdrop-filter-components);
12762
+ backdrop-filter: var(--backdrop-filter-components);
12824
12763
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
12825
12764
  }
12826
12765
  .rt-ProgressIndicator {
@@ -13255,18 +13194,15 @@
13255
13194
  isolation: isolate;
13256
13195
  }
13257
13196
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-BaseRadioRoot {
13258
- -webkit-backdrop-filter: var(--backdrop-filter-components);
13259
- backdrop-filter: var(--backdrop-filter-components);
13197
+ backdrop-filter: var(--backdrop-filter-components);
13260
13198
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
13261
13199
  }
13262
13200
  .rt-BaseRadioRoot:where([data-panel-background='solid'],[data-material='solid']) {
13263
- -webkit-backdrop-filter: none;
13264
- backdrop-filter: none;
13201
+ backdrop-filter: none;
13265
13202
  --backdrop-filter-components: none;
13266
13203
  }
13267
13204
  .rt-BaseRadioRoot:where([data-panel-background='translucent'],[data-material='translucent']) {
13268
- -webkit-backdrop-filter: var(--backdrop-filter-components);
13269
- backdrop-filter: var(--backdrop-filter-components);
13205
+ backdrop-filter: var(--backdrop-filter-components);
13270
13206
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
13271
13207
  }
13272
13208
  .rt-BaseRadioRoot:where(:disabled,[data-disabled]) {
@@ -13888,13 +13824,11 @@
13888
13824
  border-end-end-radius: 0;
13889
13825
  }
13890
13826
  .rt-SheetOverlay::before {
13891
- -webkit-backdrop-filter: var(--backdrop-filter-components) !important;
13892
- backdrop-filter: var(--backdrop-filter-components) !important;
13827
+ backdrop-filter: var(--backdrop-filter-components) !important;
13893
13828
  }
13894
- @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
13829
+ @supports not (backdrop-filter: blur(1px)) {
13895
13830
  .rt-SheetOverlay::before {
13896
- -webkit-backdrop-filter: none !important;
13897
- backdrop-filter: none !important;
13831
+ backdrop-filter: none !important;
13898
13832
  }
13899
13833
  }
13900
13834
  @media (prefers-reduced-motion: no-preference) {
@@ -14175,23 +14109,19 @@
14175
14109
  grid-auto-columns: minmax(var(--segmented-control-height), 1fr);
14176
14110
  }
14177
14111
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SegmentedControlRoot {
14178
- -webkit-backdrop-filter: var(--backdrop-filter-components);
14179
- backdrop-filter: var(--backdrop-filter-components);
14112
+ backdrop-filter: var(--backdrop-filter-components);
14180
14113
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
14181
14114
  }
14182
14115
  .rt-SegmentedControlRoot:where([data-panel-background='solid'],[data-material='solid']) {
14183
- -webkit-backdrop-filter: none;
14184
- backdrop-filter: none;
14116
+ backdrop-filter: none;
14185
14117
  --backdrop-filter-components: none;
14186
14118
  }
14187
14119
  .rt-SegmentedControlRoot:where([data-panel-background='translucent'],[data-material='translucent']) {
14188
- -webkit-backdrop-filter: var(--backdrop-filter-components);
14189
- backdrop-filter: var(--backdrop-filter-components);
14120
+ backdrop-filter: var(--backdrop-filter-components);
14190
14121
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
14191
14122
  }
14192
14123
  :where(.rt-PopoverContent,.rt-BaseDialogContent,.rt-BaseMenuContent,.rt-DropdownMenuContent,.rt-ContextMenuContent,.rt-AlertDialogContent,.rt-HoverCardContent,.rt-TooltipContent,.rt-Card) .rt-SegmentedControlRoot {
14193
- -webkit-backdrop-filter: none !important;
14194
- backdrop-filter: none !important;
14124
+ backdrop-filter: none !important;
14195
14125
  }
14196
14126
  .rt-SegmentedControlRoot:where([data-disabled]) {
14197
14127
  color: var(--gray-a8);
@@ -15256,18 +15186,15 @@
15256
15186
  color: var(--gray-12);
15257
15187
  }
15258
15188
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger {
15259
- -webkit-backdrop-filter: var(--backdrop-filter-components);
15260
- backdrop-filter: var(--backdrop-filter-components);
15189
+ backdrop-filter: var(--backdrop-filter-components);
15261
15190
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
15262
15191
  }
15263
15192
  .rt-SelectTrigger:where([data-panel-background='solid'],[data-material='solid']) {
15264
- -webkit-backdrop-filter: none;
15265
- backdrop-filter: none;
15193
+ backdrop-filter: none;
15266
15194
  --backdrop-filter-components: none;
15267
15195
  }
15268
15196
  .rt-SelectTrigger:where([data-panel-background='translucent'],[data-material='translucent']) {
15269
- -webkit-backdrop-filter: var(--backdrop-filter-components);
15270
- backdrop-filter: var(--backdrop-filter-components);
15197
+ backdrop-filter: var(--backdrop-filter-components);
15271
15198
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
15272
15199
  }
15273
15200
  .rt-SelectTrigger:where(.rt-high-contrast) :where(.rt-SelectTriggerInner) {
@@ -15306,8 +15233,7 @@
15306
15233
  overflow: hidden;
15307
15234
  z-index: 200;
15308
15235
  background-color: var(--color-panel);
15309
- -webkit-backdrop-filter: var(--backdrop-filter-panel);
15310
- backdrop-filter: var(--backdrop-filter-panel);
15236
+ backdrop-filter: var(--backdrop-filter-panel);
15311
15237
  -webkit-box-shadow: var(--shadow-5);
15312
15238
  box-shadow: var(--shadow-5);
15313
15239
  }
@@ -16844,8 +16770,7 @@
16844
16770
  height: 100%;
16845
16771
  width: 100%;
16846
16772
  background-color: var(--color-panel);
16847
- -webkit-backdrop-filter: var(--backdrop-filter-panel);
16848
- backdrop-filter: var(--backdrop-filter-panel);
16773
+ backdrop-filter: var(--backdrop-filter-panel);
16849
16774
  border-radius: inherit;
16850
16775
  -webkit-box-flex: 1;
16851
16776
  -ms-flex: 1;
@@ -16891,8 +16816,7 @@
16891
16816
  box-sizing: border-box;
16892
16817
  min-height: 0;
16893
16818
  background-color: transparent !important;
16894
- -webkit-backdrop-filter: none !important;
16895
- backdrop-filter: none !important;
16819
+ backdrop-filter: none !important;
16896
16820
  -webkit-box-shadow: none !important;
16897
16821
  box-shadow: none !important;
16898
16822
  border-radius: 0 !important;
@@ -17518,12 +17442,10 @@
17518
17442
  }
17519
17443
  :where([data-panel-background='translucent']) .rt-SidebarContainer {
17520
17444
  --sidebar-border-color: var(--gray-a6);
17521
- -webkit-backdrop-filter: var(--backdrop-filter-panel);
17522
- backdrop-filter: var(--backdrop-filter-panel);
17445
+ backdrop-filter: var(--backdrop-filter-panel);
17523
17446
  }
17524
17447
  .rt-SidebarContainer:where([data-panel-background='solid']) {
17525
- -webkit-backdrop-filter: none;
17526
- backdrop-filter: none;
17448
+ backdrop-filter: none;
17527
17449
  --backdrop-filter-panel: none;
17528
17450
  }
17529
17451
  .rt-SidebarContainer:where(.rt-variant-outline) {
@@ -18568,8 +18490,7 @@
18568
18490
  }
18569
18491
  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuSubTrigger[data-state='open'])):where([data-panel-background='solid']) {
18570
18492
  background-color: var(--gray-3);
18571
- -webkit-backdrop-filter: none;
18572
- backdrop-filter: none;
18493
+ backdrop-filter: none;
18573
18494
  --backdrop-filter-components: none;
18574
18495
  }
18575
18496
  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuSubTrigger[data-state='open'])):where([data-panel-background='translucent']) {
@@ -18693,8 +18614,7 @@
18693
18614
  }
18694
18615
  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuSubTrigger[data-state='open'])):where([data-panel-background='solid']) {
18695
18616
  background-color: var(--accent-3);
18696
- -webkit-backdrop-filter: none;
18697
- backdrop-filter: none;
18617
+ backdrop-filter: none;
18698
18618
  --backdrop-filter-components: none;
18699
18619
  }
18700
18620
  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuSubTrigger[data-state='open'])):where([data-panel-background='translucent']) {
@@ -18712,8 +18632,7 @@
18712
18632
  }
18713
18633
  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-panel-background='solid']) {
18714
18634
  background-color: var(--accent-4);
18715
- -webkit-backdrop-filter: none;
18716
- backdrop-filter: none;
18635
+ backdrop-filter: none;
18717
18636
  --backdrop-filter-components: none;
18718
18637
  }
18719
18638
  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-panel-background='translucent']) {
@@ -18734,8 +18653,7 @@
18734
18653
  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])):where([data-panel-background='solid']) {
18735
18654
  background-color: var(--accent-3);
18736
18655
  color: var(--accent-12);
18737
- -webkit-backdrop-filter: none;
18738
- backdrop-filter: none;
18656
+ backdrop-filter: none;
18739
18657
  --backdrop-filter-components: none;
18740
18658
  }
18741
18659
  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])):where([data-panel-background='translucent']) {
@@ -19641,18 +19559,15 @@
19641
19559
  isolation: isolate;
19642
19560
  }
19643
19561
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SliderRoot {
19644
- -webkit-backdrop-filter: var(--backdrop-filter-components);
19645
- backdrop-filter: var(--backdrop-filter-components);
19562
+ backdrop-filter: var(--backdrop-filter-components);
19646
19563
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
19647
19564
  }
19648
19565
  .rt-SliderRoot:where([data-panel-background='solid'],[data-material='solid']) {
19649
- -webkit-backdrop-filter: none;
19650
- backdrop-filter: none;
19566
+ backdrop-filter: none;
19651
19567
  --backdrop-filter-components: none;
19652
19568
  }
19653
19569
  .rt-SliderRoot:where([data-panel-background='translucent'],[data-material='translucent']) {
19654
- -webkit-backdrop-filter: var(--backdrop-filter-components);
19655
- backdrop-filter: var(--backdrop-filter-components);
19570
+ backdrop-filter: var(--backdrop-filter-components);
19656
19571
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
19657
19572
  }
19658
19573
  .rt-SliderRoot:where([data-orientation='horizontal']) {
@@ -20274,18 +20189,15 @@
20274
20189
  isolation: isolate;
20275
20190
  }
20276
20191
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SwitchRoot {
20277
- -webkit-backdrop-filter: var(--backdrop-filter-components);
20278
- backdrop-filter: var(--backdrop-filter-components);
20192
+ backdrop-filter: var(--backdrop-filter-components);
20279
20193
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
20280
20194
  }
20281
20195
  .rt-SwitchRoot:where([data-panel-background='solid'],[data-material='solid']) {
20282
- -webkit-backdrop-filter: none;
20283
- backdrop-filter: none;
20196
+ backdrop-filter: none;
20284
20197
  --backdrop-filter-components: none;
20285
20198
  }
20286
20199
  .rt-SwitchRoot:where([data-panel-background='translucent'],[data-material='translucent']) {
20287
- -webkit-backdrop-filter: var(--backdrop-filter-components);
20288
- backdrop-filter: var(--backdrop-filter-components);
20200
+ backdrop-filter: var(--backdrop-filter-components);
20289
20201
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
20290
20202
  }
20291
20203
  .rt-SwitchRoot::before {
@@ -20806,43 +20718,36 @@
20806
20718
  }
20807
20719
  :where([data-panel-background='translucent']) :is(.rt-BaseTabListTrigger:where(:hover) :where(.rt-BaseTabListTriggerInner)) {
20808
20720
  background-color: var(--gray-a3);
20809
- -webkit-backdrop-filter: var(--backdrop-filter-components);
20810
- backdrop-filter: var(--backdrop-filter-components);
20721
+ backdrop-filter: var(--backdrop-filter-components);
20811
20722
  }
20812
20723
  :where(.rt-BaseTabList[data-panel-background='solid']) :is(.rt-BaseTabListTrigger:where(:hover) :where(.rt-BaseTabListTriggerInner)) {
20813
20724
  background-color: var(--gray-a3);
20814
- -webkit-backdrop-filter: none;
20815
- backdrop-filter: none;
20725
+ backdrop-filter: none;
20816
20726
  --backdrop-filter-components: none;
20817
20727
  }
20818
20728
  :where(.rt-BaseTabList[data-panel-background='translucent']) :is(.rt-BaseTabListTrigger:where(:hover) :where(.rt-BaseTabListTriggerInner)) {
20819
20729
  background-color: var(--gray-a3);
20820
- -webkit-backdrop-filter: var(--backdrop-filter-components);
20821
- backdrop-filter: var(--backdrop-filter-components);
20730
+ backdrop-filter: var(--backdrop-filter-components);
20822
20731
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
20823
20732
  }
20824
20733
  :where(.rt-PopoverContent,.rt-BaseDialogContent,.rt-BaseMenuContent,.rt-DropdownMenuContent,.rt-ContextMenuContent,.rt-AlertDialogContent,.rt-HoverCardContent,.rt-TooltipContent,.rt-Card) :is(.rt-BaseTabListTrigger:where(:hover) :where(.rt-BaseTabListTriggerInner)) {
20825
- -webkit-backdrop-filter: none !important;
20826
- backdrop-filter: none !important;
20734
+ backdrop-filter: none !important;
20827
20735
  }
20828
20736
  .rt-BaseTabListTrigger:where(:focus-visible:hover) :where(.rt-BaseTabListTriggerInner) {
20829
20737
  background-color: var(--accent-a3);
20830
20738
  }
20831
20739
  :where([data-panel-background='translucent']) :is(.rt-BaseTabListTrigger:where(:focus-visible:hover) :where(.rt-BaseTabListTriggerInner)) {
20832
20740
  background-color: var(--accent-a3);
20833
- -webkit-backdrop-filter: var(--backdrop-filter-components);
20834
- backdrop-filter: var(--backdrop-filter-components);
20741
+ backdrop-filter: var(--backdrop-filter-components);
20835
20742
  }
20836
20743
  :where(.rt-BaseTabList[data-panel-background='solid']) :is(.rt-BaseTabListTrigger:where(:focus-visible:hover) :where(.rt-BaseTabListTriggerInner)) {
20837
20744
  background-color: var(--accent-a3);
20838
- -webkit-backdrop-filter: none;
20839
- backdrop-filter: none;
20745
+ backdrop-filter: none;
20840
20746
  --backdrop-filter-components: none;
20841
20747
  }
20842
20748
  :where(.rt-BaseTabList[data-panel-background='translucent']) :is(.rt-BaseTabListTrigger:where(:focus-visible:hover) :where(.rt-BaseTabListTriggerInner)) {
20843
20749
  background-color: var(--accent-a3);
20844
- -webkit-backdrop-filter: var(--backdrop-filter-components);
20845
- backdrop-filter: var(--backdrop-filter-components);
20750
+ backdrop-filter: var(--backdrop-filter-components);
20846
20751
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
20847
20752
  }
20848
20753
  }
@@ -21220,8 +21125,7 @@
21220
21125
  border: 1px solid var(--gray-a5);
21221
21126
  border-radius: var(--table-border-radius);
21222
21127
  background-color: var(--color-panel);
21223
- -webkit-backdrop-filter: var(--backdrop-filter-panel);
21224
- backdrop-filter: var(--backdrop-filter-panel);
21128
+ backdrop-filter: var(--backdrop-filter-panel);
21225
21129
  background-clip: padding-box;
21226
21130
  position: relative;
21227
21131
  }
@@ -21266,18 +21170,15 @@
21266
21170
  --material-alpha: 1;
21267
21171
  }
21268
21172
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-TextAreaRoot {
21269
- -webkit-backdrop-filter: var(--backdrop-filter-components);
21270
- backdrop-filter: var(--backdrop-filter-components);
21173
+ backdrop-filter: var(--backdrop-filter-components);
21271
21174
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
21272
21175
  }
21273
21176
  .rt-TextAreaRoot:where([data-panel-background='solid'],[data-material='solid']) {
21274
- -webkit-backdrop-filter: none;
21275
- backdrop-filter: none;
21177
+ backdrop-filter: none;
21276
21178
  --backdrop-filter-components: none;
21277
21179
  }
21278
21180
  .rt-TextAreaRoot:where([data-panel-background='translucent'],[data-material='translucent']) {
21279
- -webkit-backdrop-filter: var(--backdrop-filter-components);
21280
- backdrop-filter: var(--backdrop-filter-components);
21181
+ backdrop-filter: var(--backdrop-filter-components);
21281
21182
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
21282
21183
  }
21283
21184
  .rt-TextAreaRoot:where(:focus-within) {
@@ -22412,13 +22313,11 @@
22412
22313
  isolation: isolate;
22413
22314
  }
22414
22315
  .rt-ChatbarRoot:where([data-panel-background='translucent'], [data-material='translucent']) .rt-ChatbarBox {
22415
- -webkit-backdrop-filter: var(--backdrop-filter-components);
22416
- backdrop-filter: var(--backdrop-filter-components);
22316
+ backdrop-filter: var(--backdrop-filter-components);
22417
22317
  --backdrop-filter-components: blur(var(--backdrop-blur-components));
22418
22318
  }
22419
22319
  .rt-ChatbarRoot:where([data-panel-background='solid'], [data-material='solid']) .rt-ChatbarBox {
22420
- -webkit-backdrop-filter: none;
22421
- backdrop-filter: none;
22320
+ backdrop-filter: none;
22422
22321
  --backdrop-filter-components: none;
22423
22322
  }
22424
22323
  .rt-ChatbarRoot:where(.rt-r-size-1) .rt-ChatbarBox {