@gjsify/adwaita-web 0.11.0 → 0.13.0

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.
Files changed (120) hide show
  1. package/README.md +5 -5
  2. package/dist/adwaita-web.css +2742 -263
  3. package/dist/adwaita-web.css.map +1 -1
  4. package/lib/types/elements/adw-about-dialog.d.ts +77 -0
  5. package/lib/types/elements/adw-action-row.d.ts +15 -0
  6. package/lib/types/elements/adw-alert-dialog.d.ts +80 -0
  7. package/lib/types/elements/adw-avatar.d.ts +9 -0
  8. package/lib/types/elements/adw-banner.d.ts +9 -0
  9. package/lib/types/elements/adw-bottom-sheet.d.ts +35 -0
  10. package/lib/types/elements/adw-button-content.d.ts +10 -0
  11. package/lib/types/elements/adw-button-row.d.ts +11 -0
  12. package/lib/types/elements/adw-button.d.ts +11 -0
  13. package/lib/types/elements/adw-carousel.d.ts +64 -0
  14. package/lib/types/elements/adw-clamp.d.ts +6 -0
  15. package/lib/types/elements/adw-combo-row.d.ts +3 -0
  16. package/lib/types/elements/adw-entry-row.d.ts +10 -0
  17. package/lib/types/elements/adw-entry.d.ts +11 -0
  18. package/lib/types/elements/adw-expander-row.d.ts +26 -0
  19. package/lib/types/elements/adw-header-bar.d.ts +4 -0
  20. package/lib/types/elements/adw-inline-view-switcher.d.ts +30 -0
  21. package/lib/types/elements/adw-navigation-split-view.d.ts +15 -0
  22. package/lib/types/elements/adw-navigation-view.d.ts +66 -0
  23. package/lib/types/elements/adw-password-entry-row.d.ts +16 -0
  24. package/lib/types/elements/adw-preferences-dialog.d.ts +36 -0
  25. package/lib/types/elements/adw-preferences-group.d.ts +8 -0
  26. package/lib/types/elements/adw-sidebar.d.ts +29 -0
  27. package/lib/types/elements/adw-spin-row.d.ts +3 -0
  28. package/lib/types/elements/adw-spinner.d.ts +6 -0
  29. package/lib/types/elements/adw-split-button.d.ts +18 -0
  30. package/lib/types/elements/adw-status-page.d.ts +11 -0
  31. package/lib/types/elements/adw-switch-row.d.ts +3 -0
  32. package/lib/types/elements/adw-tab-view.d.ts +24 -0
  33. package/lib/types/elements/adw-toast-overlay.d.ts +19 -4
  34. package/lib/types/elements/adw-toggle-group.d.ts +19 -0
  35. package/lib/types/elements/adw-toolbar-view.d.ts +13 -0
  36. package/lib/types/elements/adw-view-switcher.d.ts +29 -0
  37. package/lib/types/elements/adw-window-title.d.ts +9 -0
  38. package/lib/types/elements/adw-wrap-box.d.ts +13 -0
  39. package/lib/types/index.d.ts +29 -0
  40. package/lib/types/styles.generated.d.ts +1 -0
  41. package/package.json +5 -5
  42. package/scss/_about_dialog.scss +257 -0
  43. package/scss/_action_row.scss +65 -0
  44. package/scss/_alert_dialog.scss +151 -0
  45. package/scss/_avatar.scss +31 -0
  46. package/scss/_banner.scss +46 -0
  47. package/scss/_bottom_sheet.scss +113 -0
  48. package/scss/_button.scss +168 -0
  49. package/scss/_button_content.scss +48 -0
  50. package/scss/_button_row.scss +100 -0
  51. package/scss/_carousel.scss +130 -0
  52. package/scss/_clamp.scss +11 -0
  53. package/scss/_entry.scss +49 -0
  54. package/scss/_entry_row.scss +54 -0
  55. package/scss/_expander_row.scss +150 -0
  56. package/scss/_headerbar.scss +1 -1
  57. package/scss/_inline_view_switcher.scss +174 -0
  58. package/scss/_navigation_split_view.scss +48 -0
  59. package/scss/_navigation_view.scss +80 -0
  60. package/scss/_overlay_split_view.scss +19 -0
  61. package/scss/_password_entry_row.scss +67 -0
  62. package/scss/_preferences.scss +26 -3
  63. package/scss/_preferences_dialog.scss +154 -0
  64. package/scss/_row.scss +31 -0
  65. package/scss/_sidebar.scss +213 -0
  66. package/scss/_spin_row.scss +0 -1
  67. package/scss/_spinner.scss +28 -0
  68. package/scss/_split_button.scss +222 -0
  69. package/scss/_status_page.scss +40 -0
  70. package/scss/_switch_row.scss +0 -1
  71. package/scss/_tab_view.scss +193 -0
  72. package/scss/_theme.scss +12 -0
  73. package/scss/_toast.scss +122 -12
  74. package/scss/_toggle_group.scss +124 -0
  75. package/scss/_toolbar_view.scss +31 -0
  76. package/scss/_variables.scss +19 -0
  77. package/scss/_view_switcher.scss +133 -0
  78. package/scss/_window_title.scss +33 -0
  79. package/scss/_wrap_box.scss +20 -0
  80. package/scss/adwaita-skin.scss +38 -0
  81. package/src/elements/adw-about-dialog.ts +629 -0
  82. package/src/elements/adw-action-row.ts +82 -0
  83. package/src/elements/adw-alert-dialog.ts +385 -0
  84. package/src/elements/adw-avatar.ts +108 -0
  85. package/src/elements/adw-banner.ts +57 -0
  86. package/src/elements/adw-bottom-sheet.ts +205 -0
  87. package/src/elements/adw-button-content.ts +69 -0
  88. package/src/elements/adw-button-row.ts +75 -0
  89. package/src/elements/adw-button.ts +81 -0
  90. package/src/elements/adw-carousel.ts +321 -0
  91. package/src/elements/adw-clamp.ts +28 -0
  92. package/src/elements/adw-combo-row.ts +32 -20
  93. package/src/elements/adw-entry-row.ts +69 -0
  94. package/src/elements/adw-entry.ts +61 -0
  95. package/src/elements/adw-expander-row.ts +167 -0
  96. package/src/elements/adw-header-bar.ts +21 -8
  97. package/src/elements/adw-inline-view-switcher.ts +222 -0
  98. package/src/elements/adw-navigation-split-view.ts +89 -0
  99. package/src/elements/adw-navigation-view.ts +344 -0
  100. package/src/elements/adw-password-entry-row.ts +121 -0
  101. package/src/elements/adw-preferences-dialog.ts +240 -0
  102. package/src/elements/adw-preferences-group.ts +79 -12
  103. package/src/elements/adw-sidebar.ts +238 -0
  104. package/src/elements/adw-spin-row.ts +28 -14
  105. package/src/elements/adw-spinner.ts +31 -0
  106. package/src/elements/adw-split-button.ts +206 -0
  107. package/src/elements/adw-status-page.ts +66 -0
  108. package/src/elements/adw-switch-row.ts +29 -23
  109. package/src/elements/adw-tab-view.ts +184 -0
  110. package/src/elements/adw-toast-overlay.ts +98 -19
  111. package/src/elements/adw-toggle-group.ts +126 -0
  112. package/src/elements/adw-toolbar-view.ts +60 -0
  113. package/src/elements/adw-view-switcher.ts +200 -0
  114. package/src/elements/adw-window-title.ts +48 -0
  115. package/src/elements/adw-wrap-box.ts +139 -0
  116. package/src/index.js +1 -1
  117. package/src/index.ts +46 -3
  118. package/src/styles.generated.js +2976 -0
  119. package/src/styles2.generated.js +2976 -0
  120. package/style.css.d.ts +17 -4
@@ -1,7 +1,221 @@
1
+ @charset "UTF-8";
1
2
  :root {
2
3
  --icon-edit-paste: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%207%200%20c%20-0.554688%200%20-1%200.445312%20-1%201%20h%20-2%20c%20-1.644531%200%20-3%201.355469%20-3%203%20v%209%20c%200%201.644531%201.355469%203%203%203%20h%208%20c%201.644531%200%203%20-1.355469%203%20-3%20v%20-9%20c%200%20-1.644531%20-1.355469%20-3%20-3%20-3%20h%20-2%20c%200%20-0.554688%20-0.445312%20-1%20-1%20-1%20z%20m%20-3%203%20h%201%20v%201%20c%200%200.554688%200.445312%201%201%201%20h%204%20c%200.554688%200%201%20-0.445312%201%20-1%20v%20-1%20h%201%20c%200.570312%200%201%200.429688%201%201%20v%209%20c%200%200.570312%20-0.429688%201%20-1%201%20h%20-8%20c%20-0.570312%200%20-1%20-0.429688%20-1%20-1%20v%20-9%20c%200%20-0.570312%200.429688%20-1%201%20-1%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
3
4
  --icon-go-down: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%201%205%20c%200%20-0.265625%200.105469%20-0.519531%200.292969%20-0.707031%20c%200.390625%20-0.390625%201.023437%20-0.390625%201.414062%200%20l%205.292969%205.292969%20l%205.292969%20-5.292969%20c%200.390625%20-0.390625%201.023437%20-0.390625%201.414062%200%20c%200.1875%200.1875%200.292969%200.441406%200.292969%200.707031%20s%20-0.105469%200.519531%20-0.292969%200.707031%20l%20-6%206%20c%20-0.390625%200.390625%20-1.023437%200.390625%20-1.414062%200%20l%20-6%20-6%20c%20-0.1875%20-0.1875%20-0.292969%20-0.441406%20-0.292969%20-0.707031%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
4
5
  --icon-sidebar-show: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cg%20fill%3D'currentColor'%3E%20%3Cpath%20d%3D'm%206%2013%20v%20-10%20h%20-3%20c%20-0.550781%200%20-1%200.449219%20-1%201%20v%208%20c%200%200.550781%200.449219%201%201%201%20z%20m%200%200'%20fill-opacity%3D'0.34902'%2F%3E%20%3Cpath%20d%3D'm%203%201%20c%20-1.644531%200%20-3%201.355469%20-3%203%20v%208%20c%200%201.644531%201.355469%203%203%203%20h%2010%20c%201.644531%200%203%20-1.355469%203%20-3%20v%20-8%20c%200%20-1.644531%20-1.355469%20-3%20-3%20-3%20z%20m%200%202%20h%203%20v%2010%20h%20-3%20c%20-0.570312%200%20-1%20-0.429688%20-1%20-1%20v%20-8%20c%200%20-0.570312%200.429688%20-1%201%20-1%20z%20m%204%200%20h%206%20c%200.570312%200%201%200.429688%201%201%20v%208%20c%200%200.570312%20-0.429688%201%20-1%201%20h%20-6%20z%20m%200%200'%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
6
+ --icon-go-previous: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%2012%202%20c%200%20-0.265625%20-0.105469%20-0.519531%20-0.292969%20-0.707031%20c%20-0.390625%20-0.390625%20-1.023437%20-0.390625%20-1.414062%200%20l%20-6%206%20c%20-0.1875%200.1875%20-0.292969%200.441406%20-0.292969%200.707031%20s%200.105469%200.519531%200.292969%200.707031%20l%206%206%20c%200.390625%200.390625%201.023437%200.390625%201.414062%200%20c%200.1875%20-0.1875%200.292969%20-0.441406%200.292969%20-0.707031%20s%20-0.105469%20-0.519531%20-0.292969%20-0.707031%20l%20-5.292969%20-5.292969%20l%205.292969%20-5.292969%20c%200.1875%20-0.1875%200.292969%20-0.441406%200.292969%20-0.707031%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
7
+ --icon-go-next: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%204%202%20c%200%20-0.265625%200.105469%20-0.519531%200.292969%20-0.707031%20c%200.390625%20-0.390625%201.023437%20-0.390625%201.414062%200%20l%206%206%20c%200.1875%200.1875%200.292969%200.441406%200.292969%200.707031%20s%20-0.105469%200.519531%20-0.292969%200.707031%20l%20-6%206%20c%20-0.390625%200.390625%20-1.023437%200.390625%20-1.414062%200%20c%20-0.1875%20-0.1875%20-0.292969%20-0.441406%20-0.292969%20-0.707031%20s%200.105469%20-0.519531%200.292969%20-0.707031%20l%205.292969%20-5.292969%20l%20-5.292969%20-5.292969%20c%20-0.1875%20-0.1875%20-0.292969%20-0.441406%20-0.292969%20-0.707031%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
8
+ --icon-view-refresh: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%207.40625%201%20c%20-0.613281%200.007812%20-1.234375%200.089844%20-1.847656%200.253906%20c%20-3.273438%200.878906%20-5.558594%203.855469%20-5.558594%207.246094%20s%202.285156%206.367188%205.558594%207.242188%20c%203.273437%200.878906%206.742187%20-0.558594%208.4375%20-3.492188%20c%200.277344%20-0.480469%200.109375%20-1.089844%20-0.367188%20-1.367188%20c%20-0.476562%20-0.273437%20-1.089844%20-0.109374%20-1.367187%200.367188%20c%20-1.246094%202.160156%20-3.777344%203.207031%20-6.1875%202.5625%20c%20-2.40625%20-0.644531%20-4.074219%20-2.820312%20-4.074219%20-5.3125%20c%200%20-2.496094%201.667969%20-4.667969%204.074219%20-5.3125%20c%202.410156%20-0.644531%204.941406%200.402344%206.1875%202.5625%20c%200.058593%200.085938%200.125%200.164062%200.203125%200.226562%20l%20-0.019532%200.015626%20l%20-0.007812%200.007812%20h%20-1.4375%20c%20-0.550781%200%20-1%200.449219%20-1%201%20c%200%200%200%201%201%201%20h%205%20v%20-5%20s%200.003906%20-1%20-1%20-1%20c%20-0.550781%200%20-1%200.449219%20-1%201%20v%201.6875%20l%20-0.015625%200.011719%20l%20-0.011719%200.011719%20c%20-1.277344%20-2.179688%20-3.53125%20-3.519532%20-5.953125%20-3.691407%20c%20-0.203125%20-0.015625%20-0.40625%20-0.019531%20-0.613281%20-0.019531%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
9
+ --icon-open-menu: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cg%20fill%3D'currentColor'%3E%20%3Cpath%20d%3D'm%201%202%20h%2014%20v%202%20h%20-14%20z%20m%200%200'%2F%3E%20%3Cpath%20d%3D'm%201%207%20h%2014%20v%202%20h%20-14%20z%20m%200%200'%2F%3E%20%3Cpath%20d%3D'm%201%2012%20h%2014%20v%202%20h%20-14%20z%20m%200%200'%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
10
+ --icon-go-home: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208%200.363281%20c%20-0.5%200%20-1%200.167969%20-1.40625%200.507813%20l%20-4.464844%203.722656%20c%20-0.714844%200.59375%20-1.128906%201.476562%20-1.128906%202.40625%20v%206%20c%200%201.65625%201.34375%203%203%203%20h%208%20c%201.65625%200%203%20-1.34375%203%20-3%20v%20-6%20c%200%20-0.929688%20-0.414062%20-1.8125%20-1.128906%20-2.40625%20l%20-4.464844%20-3.722656%20c%20-0.40625%20-0.339844%20-0.90625%20-0.507813%20-1.40625%20-0.507813%20z%20m%20-0.015625%201.996094%20c%200.050781%20-0.003906%200.101563%200.011719%200.144531%200.046875%20l%204.464844%203.722656%20c%200.257812%200.214844%200.40625%200.535156%200.40625%200.871094%20v%206%20c%200%200.5625%20-0.4375%201%20-1%201%20h%20-2%20v%20-5%20c%200%20-0.554688%20-0.445312%20-1%20-1%20-1%20h%20-2%20c%20-0.554688%200%20-1%200.445312%20-1%201%20v%205%20h%20-2%20c%20-0.5625%200%20-1%20-0.4375%20-1%20-1%20v%20-6%20c%200%20-0.335938%200.148438%20-0.65625%200.40625%20-0.871094%20l%204.464844%20-3.722656%20c%200.035156%20-0.027344%200.074218%20-0.042969%200.113281%20-0.046875%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
11
+ --icon-list-add: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%207%201%20v%206%20h%20-6%20v%202%20h%206%20v%206%20h%202%20v%20-6%20h%206%20v%20-2%20h%20-6%20v%20-6%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
12
+ --icon-network-wireless: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208%201.992188%20c%20-2.617188%200%20-5.238281%200.933593%20-7.195312%202.808593%20l%20-0.496094%200.480469%20c%20-0.3984378%200.378906%20-0.410156%201.011719%20-0.03125%201.410156%20c%200.382812%200.398438%201.015625%200.410156%201.414062%200.03125%20l%200.5%20-0.476562%20c%203.085938%20-2.957032%208.53125%20-2.957032%2011.617188%200%20l%200.5%200.476562%20c%200.398437%200.378906%201.03125%200.367188%201.414062%20-0.03125%20c%200.378906%20-0.398437%200.367188%20-1.03125%20-0.03125%20-1.410156%20l%20-0.496094%20-0.484375%20c%20-1.957031%20-1.871094%20-4.578124%20-2.804687%20-7.195312%20-2.804687%20z%20m%20-0.03125%204.007812%20c%20-1.570312%200.011719%20-3.128906%200.628906%20-4.207031%201.8125%20l%20-0.5%200.550781%20c%20-0.179688%200.195313%20-0.277344%200.453125%20-0.261719%200.71875%20c%200.011719%200.265625%200.128906%200.515625%200.328125%200.695313%20c%200.195313%200.179687%200.453125%200.273437%200.71875%200.257812%20c%200.265625%20-0.011718%200.515625%20-0.128906%200.695313%20-0.328125%20l%200.496093%20-0.546875%20c%201.277344%20-1.402344%204.160157%20-1.496094%205.523438%200.003906%20l%200.5%200.542969%20c%200.175781%200.199219%200.425781%200.316407%200.691406%200.328125%20c%200.265625%200.015625%200.523437%20-0.078125%200.722656%20-0.257812%20c%200.195313%20-0.179688%200.3125%20-0.429688%200.324219%20-0.695313%20c%200.011719%20-0.261719%20-0.082031%20-0.523437%20-0.261719%20-0.71875%20l%20-0.5%20-0.546875%20c%20-1.121093%20-1.234375%20-2.703125%20-1.828125%20-4.269531%20-1.816406%20z%20m%200.03125%204%20c%20-0.511719%200%20-1.023438%200.195312%20-1.414062%200.585938%20c%20-0.78125%200.78125%20-0.78125%202.046874%200%202.828124%20s%202.046874%200.78125%202.828124%200%20s%200.78125%20-2.046874%200%20-2.828124%20c%20-0.390624%20-0.390626%20-0.902343%20-0.585938%20-1.414062%20-0.585938%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
13
+ --icon-folder: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%202.96875%201.003906%20c%20-1.644531%200%20-3%201.355469%20-3%203%20v%208%20c%200%201.644532%201.355469%203%203%203%20h%2010%20c%201.644531%200%203%20-1.355468%203%20-3%20v%20-6%20c%200%20-1.644531%20-1.355469%20-3%20-3%20-3%20h%20-3.585938%20l%20-1.707031%20-1.707031%20c%20-0.1875%20-0.1875%20-0.441406%20-0.292969%20-0.707031%20-0.292969%20z%20m%200%202%20h%203.585938%20l%201%201%20h%20-5.585938%20c%200%20-0.5625%200.4375%20-1%201%20-1%20z%20m%20-1%202%20h%2011%20c%200.5625%200%201%200.4375%201%201%20v%206%20c%200%200.5625%20-0.4375%201%20-1%201%20h%20-10%20c%20-0.5625%200%20-1%20-0.4375%20-1%20-1%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
14
+ --icon-starred: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208%200%20c%20-0.429688%200%20-0.8125%200.273438%20-0.949219%200.683594%20l%20-1.449219%204.339844%20l%20-4.589843%20-0.015626%20c%20-0.980469%20-0.003906%20-1.382813%201.257813%20-0.582031%201.820313%20l%203.625%202.554687%20l%20-1.5%204.285157%20c%20-0.316407%200.902343%200.6875%201.691406%201.492187%201.171875%20l%204.003906%20-2.59375%20l%203.894531%202.585937%20c%200.800782%200.53125%201.816407%20-0.257812%201.5%20-1.160156%20l%20-1.503906%20-4.289063%20l%203.644532%20-2.578124%20c%200.789062%20-0.5625%200.394531%20-1.808594%20-0.574219%20-1.8125%20l%20-4.660157%20-0.015626%20l%20-1.402343%20-4.285156%20c%20-0.132813%20-0.410156%20-0.515625%20-0.68749975%20-0.949219%20-0.691406%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
15
+ --icon-system-search: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%206.5%200%20c%20-3.578125%200%20-6.5%202.921875%20-6.5%206.5%20s%202.921875%206.496094%206.5%206.496094%20c%201.429688%200%202.753906%20-0.464844%203.828125%20-1.253906%20l%202.945313%202.945312%20c%200.957031%200.9375%202.363281%20-0.5%201.40625%20-1.4375%20l%20-2.929688%20-2.929688%20c%200.785156%20-1.074218%201.25%20-2.394531%201.25%20-3.820312%20c%200%20-3.578125%20-2.921875%20-6.5%20-6.5%20-6.5%20z%20m%200%202%20c%202.496094%200%204.5%202.003906%204.5%204.5%20s%20-2.003906%204.496094%20-4.5%204.496094%20s%20-4.5%20-2%20-4.5%20-4.496094%20s%202.003906%20-4.5%204.5%20-4.5%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
16
+ --icon-contact-new: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208%201%20c%20-1.65625%200%20-3%201.34375%20-3%203%20s%201.34375%203%203%203%20s%203%20-1.34375%203%20-3%20s%20-1.34375%20-3%20-3%20-3%20z%20m%20-1.5%207%20c%20-2.492188%200%20-4.5%202.007812%20-4.5%204.5%20v%200.5%20c%200%201.109375%200.890625%202%202%202%20h%206%20v%20-1%20h%20-3%20v%20-4%20h%203%20v%20-1.972656%20c%20-0.164062%20-0.019532%20-0.332031%20-0.027344%20-0.5%20-0.027344%20z%20m%204.5%200%20v%203%20h%20-3%20v%202%20h%203%20v%203%20h%202%20v%20-3%20h%203%20v%20-2%20h%20-3%20v%20-3%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
17
+ --icon-mail-unread: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%203%202%20c%20-1.644531%200%20-3%201.355469%20-3%203%20v%206%20c%200%201.644531%201.355469%203%203%203%20h%2010%20c%201.644531%200%203%20-1.355469%203%20-3%20v%20-6%20c%200%20-1.644531%20-1.355469%20-3%20-3%20-3%20z%20m%200.800781%202%20h%208.394531%20l%20-3.917968%202.613281%20c%20-0.171875%200.113281%20-0.382813%200.113281%20-0.554688%200%20z%20m%20-1.800781%201.203125%20l%204.613281%203.074219%20c%200.835938%200.558594%201.9375%200.558594%202.773438%200%20l%204.613281%20-3.074219%20v%205.796875%20c%200%200.570312%20-0.429688%201%20-1%201%20h%20-10%20c%20-0.570312%200%20-1%20-0.429688%20-1%20-1%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
18
+ --icon-avatar-default: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208%201%20c%20-1.65625%200%20-3%201.34375%20-3%203%20s%201.34375%203%203%203%20s%203%20-1.34375%203%20-3%20s%20-1.34375%20-3%20-3%20-3%20z%20m%20-1.5%207%20c%20-2.492188%200%20-4.5%202.007812%20-4.5%204.5%20v%200.5%20c%200%201.109375%200.890625%202%202%202%20h%208%20c%201.109375%200%202%20-0.890625%202%20-2%20v%20-0.5%20c%200%20-2.492188%20-2.007812%20-4.5%20-4.5%20-4.5%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
19
+ --icon-camera-photo: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cg%20fill%3D'currentColor'%3E%20%3Cpath%20d%3D'm%206.5%200%20c%20-0.265625%200%20-0.519531%200.105469%20-0.707031%200.292969%20l%20-1.707031%201.707031%20h%20-1.085938%20c%20-1.644531%200%20-3%201.355469%20-3%203%20v%207%20c%200%201.644531%201.355469%203%203%203%20h%2010%20c%201.644531%200%203%20-1.355469%203%20-3%20v%20-7%20c%200%20-1.644531%20-1.355469%20-3%20-3%20-3%20h%20-1.085938%20l%20-1.707031%20-1.707031%20c%20-0.1875%20-0.1875%20-0.441406%20-0.292969%20-0.707031%20-0.292969%20z%20m%200.414062%202%20h%202.171876%20l%201.707031%201.707031%20c%200.1875%200.1875%200.441406%200.292969%200.707031%200.292969%20h%201.5%20c%200.570312%200%201%200.429688%201%201%20v%207%20c%200%200.570312%20-0.429688%201%20-1%201%20h%20-10%20c%20-0.570312%200%20-1%20-0.429688%20-1%20-1%20v%20-7%20c%200%20-0.570312%200.429688%20-1%201%20-1%20h%201.5%20c%200.265625%200%200.519531%20-0.105469%200.707031%20-0.292969%20z%20m%200%200'%2F%3E%20%3Cpath%20d%3D'm%208%204%20c%20-2.199219%200%20-4%201.800781%20-4%204%20s%201.800781%204%204%204%20s%204%20-1.800781%204%20-4%20s%20-1.800781%20-4%20-4%20-4%20z%20m%200%202%20c%201.117188%200%202%200.882812%202%202%20s%20-0.882812%202%20-2%202%20s%20-2%20-0.882812%20-2%20-2%20s%200.882812%20-2%202%20-2%20z%20m%200%200'%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
20
+ --icon-user-trash: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cg%20fill%3D'currentColor'%3E%20%3Cpath%20d%3D'm%206.5%200%20c%20-1.378906%200%20-2.5%201.121094%20-2.5%202.5%20v%200.5%20h%20-3%20c%20-0.550781%200%20-1%200.449219%20-1%201%20s%200.449219%201%201%201%20h%201%20v%208%20c%200%201.65625%201.34375%203%203%203%20h%206%20c%201.65625%200%203%20-1.34375%203%20-3%20v%20-8%20h%201%20c%200.550781%200%201%20-0.449219%201%20-1%20s%20-0.449219%20-1%20-1%20-1%20h%20-3.023438%20v%20-0.5%20c%200%20-1.378906%20-1.117187%20-2.5%20-2.5%20-2.5%20z%20m%200%202%20h%202.976562%20c%200.289063%200%200.5%200.210938%200.5%200.5%20v%200.5%20h%20-3.976562%20v%20-0.5%20c%200%20-0.289062%200.210938%20-0.5%200.5%20-0.5%20z%20m%20-2.5%203%20h%208%20v%208%20c%200%200.5625%20-0.4375%201%20-1%201%20h%20-6%20c%20-0.5625%200%20-1%20-0.4375%20-1%20-1%20z%20m%200%200'%2F%3E%20%3Cpath%20d%3D'm%207%207%20v%205%20c%200%200.277344%20-0.222656%200.5%20-0.5%200.5%20s%20-0.5%20-0.222656%20-0.5%20-0.5%20v%20-5%20c%200%20-0.277344%200.222656%20-0.5%200.5%20-0.5%20s%200.5%200.222656%200.5%200.5%20z%20m%200%200'%2F%3E%20%3Cpath%20d%3D'm%2010%207%20v%205%20c%200%200.277344%20-0.222656%200.5%20-0.5%200.5%20s%20-0.5%20-0.222656%20-0.5%20-0.5%20v%20-5%20c%200%20-0.277344%200.222656%20-0.5%200.5%20-0.5%20s%200.5%200.222656%200.5%200.5%20z%20m%200%200'%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
21
+ --icon-view-reveal: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208%202%20c%20-3.648438%200.003906%20-6.832031%202.476562%20-7.738281%206.007812%20c%200.914062%203.527344%204.097656%205.988282%207.738281%205.992188%20c%203.648438%20-0.003906%206.832031%20-2.476562%207.738281%20-6.011719%20c%20-0.914062%20-3.523437%20-4.097656%20-5.984375%20-7.738281%20-5.988281%20z%20m%200%202%20c%202.210938%200%204%201.789062%204%204%20s%20-1.789062%204%20-4%204%20s%20-4%20-1.789062%20-4%20-4%20s%201.789062%20-4%204%20-4%20z%20m%200%202%20c%20-1.105469%200%20-2%200.894531%20-2%202%20s%200.894531%202%202%202%20s%202%20-0.894531%202%20-2%20s%20-0.894531%20-2%20-2%20-2%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
22
+ --icon-view-conceal: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%201.53125%200.46875%20l%20-1.0625%201.0625%20l%2014%2014%20l%201.0625%20-1.0625%20l%20-2.382812%20-2.382812%20c%201.265624%20-1.0625%202.171874%20-2.496094%202.589843%20-4.097657%20c%20-0.914062%20-3.523437%20-4.097656%20-5.984375%20-7.738281%20-5.988281%20c%20-1.367188%200.011719%20-2.707031%200.371094%20-3.894531%201.042969%20z%20m%206.46875%203.53125%20c%202.210938%200%204%201.789062%204%204%20c%20-0.003906%200.800781%20-0.246094%201.578125%20-0.699219%202.238281%20l%20-1.46875%20-1.46875%20c%200.105469%20-0.242187%200.164063%20-0.503906%200.167969%20-0.769531%20c%200%20-1.105469%20-0.894531%20-2%20-2%20-2%20c%20-0.265625%200.003906%20-0.527344%200.0625%20-0.769531%200.167969%20l%20-1.46875%20-1.46875%20c%200.660156%20-0.453125%201.4375%20-0.695313%202.238281%20-0.699219%20z%20m%20-6.144531%200.917969%20c%20-0.753907%200.898437%20-1.296875%201.957031%20-1.59375%203.09375%20c%200.914062%203.523437%204.097656%205.984375%207.738281%205.988281%20c%200.855469%20-0.007812%201.703125%20-0.152344%202.511719%20-0.425781%20l%20-1.667969%20-1.667969%20c%20-0.277344%200.058594%20-0.5625%200.089844%20-0.84375%200.09375%20c%20-2.210938%200%20-4%20-1.789062%20-4%20-4%20c%200.003906%20-0.28125%200.035156%20-0.566406%200.09375%20-0.84375%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
23
+ --icon-document-edit: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%2012.277344%200.832031%20c%20-0.578125%200.007813%20-1.167969%200.230469%20-1.691406%200.753907%20l%20-9%209%20c%20-0.375%200.375%20-0.585938%200.882812%20-0.585938%201.414062%20v%203%20h%203%20c%200.53125%200%201.039062%20-0.210938%201.414062%20-0.585938%20l%209%20-9%20c%201.789063%20-1.789062%200.082032%20-4.390624%20-1.890624%20-4.570312%20c%20-0.082032%20-0.011719%20-0.164063%20-0.011719%20-0.246094%20-0.011719%20z%20m%20-1.777344%203.605469%20l%201.0625%201.0625%20l%20-7.0625%207.0625%20l%20-1.0625%20-1.0625%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
24
+ --icon-document-open: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%203%201%20c%20-1.644531%200%20-3%201.355469%20-3%203%20v%208%20c%200%201.644531%201.355469%203%203%203%20h%208.882812%20c%200.832032%200%201.578126%20-0.402344%202.054688%20-0.9375%20c%200.472656%20-0.53125%200.738281%20-1.167969%200.910156%20-1.800781%20l%200.972656%20-2.609375%20c%200.390626%20-1.449219%20-0.09375%20-2.652344%20-0.820312%20-3.167969%20c%20-0.484375%20-0.34375%20-0.714844%20-0.292969%20-1%20-0.324219%20v%20-1.160156%20c%200%20-0.855469%20-0.558594%20-1.589844%20-1.09375%20-1.828125%20c%20-0.417969%20-0.1875%20-0.808594%20-0.183594%20-0.953125%20-0.171875%20h%20-3.539063%20l%20-1.707031%20-1.707031%20c%20-0.1875%20-0.1875%20-0.441406%20-0.292969%20-0.707031%20-0.292969%20z%20m%200%202%20h%202.585938%20l%201.707031%201.707031%20c%200.1875%200.1875%200.441406%200.292969%200.707031%200.292969%20h%204%20v%201%20h%20-5%20h%200.039062%20c%20-0.914062%20-0.039062%20-1.746093%200.394531%20-2.1875%200.96875%20c%20-0.714843%201.226562%20-1.160156%202.28125%20-1.800781%203.71875%20c%20-0.171875%200.527344%200.113281%201.09375%200.636719%201.265625%20c%200.527344%200.167969%201.09375%20-0.117187%201.261719%20-0.640625%20c%200.488281%20-1.011719%200.921875%20-1.816406%201.339843%20-2.808594%20c%200.210938%20-0.503906%200.703126%20-0.492187%200.898438%20-0.503906%20h%205.8125%20c%201%200%201.046875%200.703125%200.886719%201.128906%20l%20-0.96875%202.609375%20c%20-0.121094%200.4375%20-0.300781%200.800781%20-0.476563%200.996094%20c%20-0.175781%200.199219%20-0.285156%200.265625%20-0.558594%200.265625%20h%20-8.882812%20c%20-0.570312%200%20-1%20-0.429688%20-1%20-1%20v%20-8%20c%200%20-0.570312%200.46875%20-0.792969%201%20-1%20z%20m%209.105469%201.996094%20h%200.003906%20v%200.003906%20h%200.003906%20l%20-0.003906%200.003906%20h%20-0.003906%20v%20-0.003906%20c%20-0.003907%200%20-0.007813%200%20-0.011719%200%20h%20-0.003906%20l%20-0.003906%20-0.003906%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
25
+ --icon-document-save: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208%200%20c%20-0.550781%200%20-1%200.449219%20-1%201%20v%208.585938%20l%20-1.292969%20-1.292969%20c%20-0.1875%20-0.1875%20-0.441406%20-0.292969%20-0.707031%20-0.292969%20s%20-0.519531%200.105469%20-0.707031%200.292969%20c%20-0.390625%200.390625%20-0.390625%201.023437%200%201.414062%20l%203%203%20c%200.390625%200.390625%201.023437%200.390625%201.414062%200%20l%203%20-3%20c%200.390625%20-0.390625%200.390625%20-1.023437%200%20-1.414062%20s%20-1.023437%20-0.390625%20-1.414062%200%20l%20-1.292969%201.292969%20v%20-8.585938%20c%200%20-0.550781%20-0.449219%20-1%20-1%20-1%20z%20m%20-7%2014%20v%202%20h%2014%20v%20-2%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
26
+ --icon-mail-send: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208%200%20c%20-0.257812%200%20-0.511719%200.0976562%20-0.707031%200.292969%20l%20-1.25%201.25%20l%20-1.761719%201.730469%20c%20-0.191406%200.199218%20-0.28125%200.441406%20-0.28125%200.75%20c%200%200.976562%201%201%201%201%20c%200.257812%200%200.527344%20-0.128907%200.71875%20-0.3125%20l%201.28125%20-1.28125%20v%203.570312%20s%200%201%201%201%20s%201%20-1%201%20-1%20v%20-3.570312%20l%201.28125%201.28125%20c%200.191406%200.183593%200.410156%200.3125%200.71875%200.3125%20c%200%200%201%20-0.023438%201%20-1%20c%200%20-0.308594%20-0.089844%20-0.550782%20-0.28125%20-0.75%20l%20-1.761719%20-1.730469%20l%20-1.25%20-1.25%20c%20-0.195312%20-0.1953128%20-0.449219%20-0.292969%20-0.707031%20-0.292969%20z%20m%20-5%209%20c%20-1.644531%200%20-3%201.355469%20-3%203%20v%204%20h%202%20v%20-3.800781%20l%204.613281%203.078125%20c%200.835938%200.558594%201.9375%200.558594%202.773438%200%20l%204.613281%20-3.078125%20v%203.800781%20h%202%20v%20-4%20c%200%20-1.644531%20-1.355469%20-3%20-3%20-3%20z%20m%200.800781%202%20h%208.398438%20l%20-3.921875%202.613281%20c%20-0.171875%200.113281%20-0.382813%200.113281%20-0.554688%200%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
27
+ --icon-mail-reply-sender: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%205%202%20c%20-0.265625%200%20-0.519531%200.105469%20-0.707031%200.292969%20l%20-4%204%20c%20-0.3906252%200.390625%20-0.3906252%201.023437%200%201.414062%20l%204%204%20c%200.390625%200.390625%201.023437%200.390625%201.414062%200%20s%200.390625%20-1.023437%200%20-1.414062%20l%20-2.292969%20-2.292969%20h%208.585938%20c%201.117188%200%202%200.882812%202%202%20v%203%20c%200%200.550781%200.449219%201%201%201%20s%201%20-0.449219%201%20-1%20v%20-3%20c%200%20-0.023438%200%20-0.046875%20-0.003906%20-0.070312%20c%20-0.035156%20-2.164063%20-1.820313%20-3.929688%20-3.996094%20-3.929688%20h%20-8.585938%20l%202.292969%20-2.292969%20c%200.390625%20-0.390625%200.390625%20-1.023437%200%20-1.414062%20c%20-0.1875%20-0.1875%20-0.441406%20-0.292969%20-0.707031%20-0.292969%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
28
+ --icon-folder-download: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%207.984375%200%20c%20-0.550781%200%20-1%200.449219%20-1%201%20v%208.585938%20l%20-2.292969%20-2.292969%20c%20-0.1875%20-0.1875%20-0.441406%20-0.292969%20-0.707031%20-0.292969%20s%20-0.519531%200.105469%20-0.707031%200.292969%20c%20-0.390625%200.390625%20-0.390625%201.023437%200%201.414062%20l%204%204%20c%200.390625%200.390625%201.023437%200.390625%201.414062%200%20l%204%20-4%20c%200.390625%20-0.390625%200.390625%20-1.023437%200%20-1.414062%20s%20-1.023437%20-0.390625%20-1.414062%200%20l%20-2.292969%202.292969%20v%20-8.585938%20c%200%20-0.550781%20-0.449219%20-1%20-1%20-1%20z%20m%20-6%2014%20v%202%20h%2012%20v%20-2%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
29
+ --icon-view-grid: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%202%201%20c%20-0.554688%200%20-1%200.445312%20-1%201%20v%204%20c%200%200.554688%200.445312%201%201%201%20h%204%20c%200.554688%200%201%20-0.445312%201%20-1%20v%20-4%20c%200%20-0.554688%20-0.445312%20-1%20-1%20-1%20z%20m%208%200%20c%20-0.554688%200%20-1%200.445312%20-1%201%20v%204%20c%200%200.554688%200.445312%201%201%201%20h%204%20c%200.554688%200%201%20-0.445312%201%20-1%20v%20-4%20c%200%20-0.554688%20-0.445312%20-1%20-1%20-1%20z%20m%20-8%208%20c%20-0.554688%200%20-1%200.445312%20-1%201%20v%204%20c%200%200.554688%200.445312%201%201%201%20h%204%20c%200.554688%200%201%20-0.445312%201%20-1%20v%20-4%20c%200%20-0.554688%20-0.445312%20-1%20-1%20-1%20z%20m%208%200%20c%20-0.554688%200%20-1%200.445312%20-1%201%20v%204%20c%200%200.554688%200.445312%201%201%201%20h%204%20c%200.554688%200%201%20-0.445312%201%20-1%20v%20-4%20c%200%20-0.554688%20-0.445312%20-1%20-1%20-1%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
30
+ --icon-view-list: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%202%201%20c%20-0.554688%200%20-1%200.445312%20-1%201%20v%202%20c%200%200.554688%200.445312%201%201%201%20h%202%20c%200.554688%200%201%20-0.445312%201%20-1%20v%20-2%20c%200%20-0.554688%20-0.445312%20-1%20-1%20-1%20z%20m%205%201%20v%202%20h%208%20v%20-2%20z%20m%20-5%204.015625%20c%20-0.554688%200%20-1%200.445313%20-1%201%20v%201.980469%20c%200%200.550781%200.445312%201%201%201%20h%202%20c%200.554688%200%201%20-0.449219%201%20-1%20v%20-1.980469%20c%200%20-0.554687%20-0.445312%20-1%20-1%20-1%20z%20m%205%200.984375%20v%202%20h%208%20v%20-2%20z%20m%20-5%204%20c%20-0.554688%200%20-1%200.445312%20-1%201%20v%201.980469%20c%200%200.550781%200.445312%201%201%201%20h%202%20c%200.554688%200%201%20-0.449219%201%20-1%20v%20-1.980469%20c%200%20-0.554688%20-0.445312%20-1%20-1%20-1%20z%20m%205%200.984375%20v%202%20h%208%20v%20-2%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
31
+ --icon-view-columns: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%202%201%20c%20-0.554688%200%20-1%200.445312%20-1%201%20v%2012%20c%200%200.554688%200.445312%201%201%201%20h%202%20c%200.554688%200%201%20-0.445312%201%20-1%20v%20-12%20c%200%20-0.554688%20-0.445312%20-1%20-1%20-1%20z%20m%205%200%20c%20-0.554688%200%20-1%200.445312%20-1%201%20v%2012%20c%200%200.554688%200.445312%201%201%201%20h%202%20c%200.554688%200%201%20-0.445312%201%20-1%20v%20-12%20c%200%20-0.554688%20-0.445312%20-1%20-1%20-1%20z%20m%205%200%20c%20-0.554688%200%20-1%200.445312%20-1%201%20v%2012%20c%200%200.554688%200.445312%201%201%201%20h%202%20c%200.554688%200%201%20-0.445312%201%20-1%20v%20-12%20c%200%20-0.554688%20-0.445312%20-1%20-1%20-1%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
32
+ --icon-list-remove: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%201%207%20h%2014%20v%202%20h%20-14%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
33
+ --icon-send-to: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208%200%20c%20-0.257812%200%20-0.511719%200.0976562%20-0.707031%200.292969%20l%20-1.246094%201.25%20l%20-1.765625%201.730469%20c%20-0.191406%200.199218%20-0.28125%200.441406%20-0.28125%200.75%20c%200%200.976562%201%201%201%201%20c%200.257812%200%200.527344%20-0.128907%200.71875%20-0.3125%20l%201.28125%20-1.28125%20v%207.570312%20s%200%201%201%201%20s%201%20-1%201%20-1%20v%20-7.570312%20l%201.28125%201.28125%20c%200.191406%200.183593%200.410156%200.3125%200.71875%200.3125%20c%200%200%201%20-0.023438%201%20-1%20c%200%20-0.308594%20-0.089844%20-0.550782%20-0.28125%20-0.75%20l%20-1.765625%20-1.730469%20l%20-1.246094%20-1.25%20c%20-0.195312%20-0.1953128%20-0.449219%20-0.292969%20-0.707031%20-0.292969%20z%20m%20-3.96875%206.964844%20c%20-1.660156%20-0.027344%20-3.03125%201.371094%20-3.03125%203.035156%20v%202.972656%20c%200%201.664063%201.371094%203.035156%203.03125%203.035156%20h%207.9375%20c%201.664062%200%203.03125%20-1.371093%203.03125%20-3.035156%20v%20-2.972656%20c%200%20-1.664062%20-1.367188%20-3.0625%20-3.03125%20-3.035156%20l%20-1.96875%200.035156%20v%202%20l%201.96875%20-0.035156%20c%200.589844%20-0.007813%201.03125%200.445312%201.03125%201.035156%20v%202.972656%20c%200%200.589844%20-0.441406%201.035156%20-1.03125%201.035156%20h%20-7.9375%20c%20-0.585938%200%20-1.03125%20-0.445312%20-1.03125%20-1.035156%20v%20-2.972656%20c%200%20-0.589844%200.445312%20-1.042969%201.03125%20-1.035156%20l%201.96875%200.035156%20v%20-2%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
34
+ --icon-folder-music: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208%201%20c%20-1.644531%200%20-3%201.355469%20-3%203%20v%204.339844%20c%20-0.457031%20-0.214844%20-0.964844%20-0.339844%20-1.5%20-0.339844%20c%20-1.921875%200%20-3.5%201.578125%20-3.5%203.5%20s%201.578125%203.5%203.5%203.5%20c%201.914062%200%203.492188%20-1.570312%203.5%20-3.484375%20c%200%20-0.003906%200%20-0.011719%200%20-0.015625%20v%20-7.5%20c%200%20-0.5625%200.4375%20-1%201%20-1%20h%204%20c%200.5625%200%201%200.4375%201%201%20v%204.339844%20c%20-0.457031%20-0.214844%20-0.964844%20-0.339844%20-1.5%20-0.339844%20c%20-1.921875%200%20-3.5%201.578125%20-3.5%203.5%20s%201.578125%203.5%203.5%203.5%20s%203.5%20-1.578125%203.5%20-3.5%20v%20-7.5%20c%200%20-1.644531%20-1.355469%20-3%20-3%20-3%20z%20m%20-4.5%209%20c%200.839844%200%201.5%200.660156%201.5%201.5%20v%200.015625%20c%20-0.007812%200.832031%20-0.664062%201.484375%20-1.5%201.484375%20c%20-0.839844%200%20-1.5%20-0.660156%20-1.5%20-1.5%20s%200.660156%20-1.5%201.5%20-1.5%20z%20m%208%200%20c%200.839844%200%201.5%200.660156%201.5%201.5%20s%20-0.660156%201.5%20-1.5%201.5%20s%20-1.5%20-0.660156%20-1.5%20-1.5%20s%200.660156%20-1.5%201.5%20-1.5%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
35
+ --icon-edit-copy: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%200%203%20c%200%20-1.644531%201.355469%20-3%203%20-3%20h%205%20c%201.644531%200%203%201.355469%203%203%20c%200%200.550781%20-0.449219%201%20-1%201%20s%20-1%20-0.449219%20-1%20-1%20c%200%20-0.570312%20-0.429688%20-1%20-1%20-1%20h%20-5%20c%20-0.570312%200%20-1%200.429688%20-1%201%20v%205%20c%200%200.570312%200.429688%201%201%201%20c%200.550781%200%201%200.449219%201%201%20s%20-0.449219%201%20-1%201%20c%20-1.644531%200%20-3%20-1.355469%20-3%20-3%20z%20m%205%205%20c%200%20-1.644531%201.355469%20-3%203%20-3%20h%205%20c%201.644531%200%203%201.355469%203%203%20v%205%20c%200%201.644531%20-1.355469%203%20-3%203%20h%20-5%20c%20-1.644531%200%20-3%20-1.355469%20-3%20-3%20z%20m%202%200%20v%205%20c%200%200.570312%200.429688%201%201%201%20h%205%20c%200.570312%200%201%20-0.429688%201%20-1%20v%20-5%20c%200%20-0.570312%20-0.429688%20-1%20-1%20-1%20h%20-5%20c%20-0.570312%200%20-1%200.429688%20-1%201%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
36
+ --icon-emblem-system: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208%200%20c%20-0.550781%200%20-1%200.449219%20-1%201%20v%200.238281%20c%200%200.464844%20-0.378906%200.902344%20-0.820312%201.046875%20c%20-0.023438%200.007813%20-0.042969%200.011719%20-0.0625%200.019532%20c%20-0.445313%200.148437%20-1.007813%200.015624%20-1.28125%20-0.359376%20l%20-0.140626%20-0.195312%20c%20-0.15625%20-0.214844%20-0.390624%20-0.359375%20-0.652343%20-0.398438%20c%20-0.261719%20-0.042968%20-0.53125%200.019532%20-0.742188%200.175782%20c%20-0.449219%200.324218%20-0.550781%200.949218%20-0.222656%201.398437%20l%200.140625%200.199219%20c%200.277344%200.375%200.226562%200.953125%20-0.050781%201.328125%20c%20-0.011719%200.015625%20-0.023438%200.035156%20-0.035157%200.050781%20c%20-0.273437%200.378906%20-0.804687%200.601563%20-1.25%200.457032%20l%20-0.230468%20-0.074219%20c%20-0.523438%20-0.171875%20-1.089844%200.117187%20-1.257813%200.640625%20c%20-0.171875%200.527344%200.113281%201.089844%200.640625%201.261718%20l%200.222656%200.074219%20c%200.445313%200.144531%200.738282%200.636719%200.75%201.101563%20v%200.070312%20c%200.015626%200.464844%20-0.304687%200.960938%20-0.746093%201.105469%20l%20-0.226563%200.070313%20c%20-0.527344%200.171874%20-0.8125%200.738281%20-0.640625%201.261718%20c%200.167969%200.523438%200.734375%200.8125%201.257813%200.640625%20l%200.230468%20-0.074219%20c%200.445313%20-0.144531%200.976563%200.078126%201.25%200.457032%20c%200.011719%200.015625%200.027344%200.035156%200.039063%200.050781%20c%200.277344%200.375%200.324219%200.953125%200.050781%201.328125%20l%20-0.144531%200.203125%20c%20-0.324219%200.445313%20-0.226563%201.070313%200.222656%201.394531%20c%200.445313%200.324219%201.070313%200.226563%201.394531%20-0.21875%20l%200.144532%20-0.199218%20c%200.273437%20-0.378907%200.835937%20-0.507813%201.277344%20-0.359376%20c%200.019531%200.007813%200.042968%200.011719%200.0625%200.019532%20c%200.445312%200.140625%200.820312%200.578125%200.820312%201.046875%20v%200.238281%20c%200%200.550781%200.449219%201%201%201%20s%201%20-0.449219%201%20-1%20v%20-0.238281%20c%200%20-0.46875%200.378906%20-0.90625%200.820312%20-1.046875%20c%200.023438%20-0.007813%200.042969%20-0.015625%200.066407%20-0.023438%20c%200.441406%20-0.144531%201.003906%20-0.015625%201.277343%200.363282%20l%200.144532%200.199218%20c%200.324218%200.445313%200.949218%200.542969%201.394531%200.21875%20c%200.445313%20-0.324218%200.546875%20-0.949218%200.222656%20-1.394531%20l%20-0.148437%20-0.203125%20c%20-0.273438%20-0.375%20-0.226563%20-0.953125%200.050781%20-1.328125%20c%200.015625%20-0.015625%200.027344%20-0.035156%200.039063%20-0.050781%20c%200.273437%20-0.378906%200.804687%20-0.601563%201.25%20-0.457032%20l%200.234374%200.078126%20c%200.523438%200.167968%201.085938%20-0.121094%201.257813%20-0.644532%20c%200.171875%20-0.523437%20-0.117187%20-1.089844%20-0.640625%20-1.257812%20l%20-0.230469%20-0.074219%20c%20-0.445312%20-0.144531%20-0.734375%20-0.640625%20-0.746093%20-1.105469%20c%200%20-0.023437%200%20-0.046875%200%20-0.070312%20c%20-0.015626%20-0.464844%200.300781%20-0.957032%200.746093%20-1.101563%20l%200.230469%20-0.074219%20c%200.523438%20-0.171874%200.8125%20-0.734374%200.640625%20-1.261718%20c%20-0.171875%20-0.523438%20-0.734375%20-0.8125%20-1.257813%20-0.640625%20l%20-0.230468%200.074219%20c%20-0.445313%200.144531%20-0.980469%20-0.078126%20-1.253906%20-0.457032%20c%20-0.011719%20-0.015625%20-0.023438%20-0.035156%20-0.035157%20-0.050781%20c%20-0.277343%20-0.375%20-0.324219%20-0.953125%20-0.050781%20-1.328125%20l%200.144531%20-0.199219%20c%200.324219%20-0.445312%200.226563%20-1.074219%20-0.222656%20-1.398437%20c%20-0.214844%20-0.15625%20-0.480469%20-0.21875%20-0.742187%20-0.179688%20c%20-0.265626%200.042969%20-0.5%200.1875%20-0.652344%200.402344%20l%20-0.144532%200.195312%20c%20-0.273437%200.378907%20-0.835937%200.507813%20-1.28125%200.363282%20c%20-0.019531%20-0.007813%20-0.039062%20-0.015625%20-0.0625%20-0.023438%20c%20-0.441406%20-0.140625%20-0.820312%20-0.578125%20-0.820312%20-1.046875%20v%20-0.238281%20c%200%20-0.550781%20-0.449219%20-1%20-1%20-1%20z%20m%200%204%20c%200.871094%200%201.675781%200.273438%202.332031%200.742188%20c%200.003907%200.007812%200.011719%200.015624%200.019531%200.023437%20c%200.011719%200.003906%200.019532%200.007813%200.03125%200.015625%20c%200.660157%200.484375%201.160157%201.171875%201.421876%201.976562%20v%200.007813%20s%200.003906%200.003906%200.003906%200.007813%20c%200.292968%200.851562%200.15625%201.65625%200%202.457031%20c%200%200%20-0.003906%200.003906%20-0.003906%200.007812%20v%200.003907%20c%20-0.261719%200.800781%20-0.757813%201.488281%20-1.414063%201.976562%20c%20-0.015625%200.003906%20-0.027344%200.011719%20-0.039063%200.019531%20c%20-0.007812%200.003907%20-0.015624%200.011719%20-0.019531%200.019531%20c%20-0.65625%200.46875%20-1.460937%200.742188%20-2.332031%200.742188%20c%20-0.855469%200%20-1.644531%20-0.265625%20-2.289062%20-0.714844%20c%20-0.019532%20-0.015625%20-0.042969%20-0.035156%20-0.0625%20-0.046875%20c%20-0.011719%20-0.007812%20-0.023438%20-0.015625%20-0.035157%20-0.019531%20c%20-0.652343%20-0.484375%20-1.148437%20-1.160156%20-1.40625%20-1.945312%20c%20-0.003906%20-0.015626%20-0.007812%20-0.023438%20-0.011719%20-0.035157%20c%20-0.003906%20-0.007812%20-0.007812%20-0.015625%20-0.011718%20-0.019531%20c%20-0.285156%20-0.847656%20-0.148438%20-1.644531%200%20-2.4375%20c%200.003906%20-0.007812%200.007812%20-0.011719%200.011718%20-0.019531%20c%200.003907%20-0.011719%200.007813%20-0.023438%200.011719%20-0.039063%20c%200.261719%20-0.785156%200.757813%20-1.460937%201.414063%20-1.945312%20c%200.007812%20-0.003906%200.019531%20-0.007813%200.027344%20-0.015625%20c%200.019531%20-0.011719%200.042968%20-0.03125%200.058593%20-0.046875%20c%200.648438%20-0.449219%201.4375%20-0.714844%202.292969%20-0.714844%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
37
+ --icon-preferences-system: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%2013.855469%200%20l%20-1.539063%201.4375%20c%20-0.453125%200.421875%20-0.53125%201.148438%20-0.269531%201.707031%20l%20-5.886719%205.996094%20c%20-0.011718%200%20-0.019531%200%20-0.03125%200%20c%20-0.257812%20-0.128906%20-0.550781%20-0.183594%20-0.839844%20-0.148437%20c%20-0.328124%200.046874%20-0.632812%200.199218%20-0.867187%200.441406%20l%20-3.945313%203.996094%20c%20-0.3906245%200.375%20-0.5468745%200.933593%20-0.4062495%201.457031%20c%200.1406255%200.523437%200.5546875%200.929687%201.0820315%201.058593%20c%200.527344%200.132813%201.082031%20-0.03125%201.453125%20-0.425781%20l%203.945312%20-3.996093%20c%200.472657%20-0.453126%200.59375%20-1.15625%200.296875%20-1.738282%20l%205.890625%20-5.964844%20c%200.558594%200.25%201.273438%200.148438%201.707031%20-0.289062%20l%201.414063%20-1.5625%20z%20m%20-10.308594%200.0898438%20c%20-0.398437%200%20-0.785156%200.0937502%20-1.140625%200.2187502%20l%201.882812%201.878906%20c%200.390626%200.382812%200.390626%201%200%201.386719%20l%20-0.710937%200.707031%20c%20-0.386719%200.386719%20-1%200.386719%20-1.390625%200%20l%20-1.882812%20-1.878906%20c%20-0.125%200.355468%20-0.2187505%200.742187%20-0.2187505%201.140625%20c%200%201.90625%201.5507815%203.453125%203.4609375%203.453125%20c%200.402344%200%200.789063%20-0.09375%201.144531%20-0.21875%20l%201.175782%201.171875%20h%200.058593%20l%202.070313%20-2.0625%20l%20-1.203125%20-1.203125%20c%200.125%20-0.359375%200.214843%20-0.742188%200.214843%20-1.140625%20c%200%20-1.90625%20-1.546874%20-3.4531252%20-3.460937%20-3.4531252%20z%20m%206.550781%207.8906252%20l%20-2.070312%202.066406%20c%200.011718%200.027344%200.023437%200.058594%200.03125%200.089844%20l%201.144531%201.140625%20c%20-0.125%200.355468%20-0.21875%200.742187%20-0.21875%201.140625%20c%200%201.902343%201.550781%203.449219%203.460937%203.449219%20c%200.433594%200%200.855469%20-0.101563%201.238282%20-0.246094%20l%20-2.007813%20-2%20c%20-0.386719%20-0.386719%20-0.386719%20-1.035156%200%20-1.417969%20l%200.679688%20-0.679687%20c%200.195312%20-0.191407%200.457031%20-0.308594%200.710937%20-0.308594%20s%200.515625%200.117187%200.710938%200.308594%20l%201.945312%201.941406%20c%200.105469%20-0.328125%200.183594%20-0.683594%200.183594%20-1.046875%20c%200%20-1.90625%20-1.546875%20-3.453125%20-3.460938%20-3.453125%20c%20-0.398437%200%20-0.785156%200.09375%20-1.140624%200.21875%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
38
+ --icon-application-x-executable: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208.015625%200.015625%20c%20-0.769531%200%20-1.539063%200.292969%20-2.121094%200.875%20l%20-5.003906%205.003906%20c%20-1.164063%201.164063%20-1.164063%203.078125%200%204.242188%20l%205.003906%205.003906%20c%201.164063%201.164063%203.078125%201.164063%204.242188%200%20l%205.007812%20-5.003906%20c%201.164063%20-1.164063%201.164063%20-3.078125%200%20-4.242188%20l%20-5.007812%20-5.003906%20c%20-0.582031%20-0.582031%20-1.351563%20-0.875%20-2.121094%20-0.875%20z%20m%200.101563%201.988281%20c%200.210937%200.023438%200.414062%200.117188%200.585937%200.28125%20l%20-0.339844%200.113282%20c%20-0.074219%20-0.136719%20-0.15625%20-0.269532%20-0.246093%20-0.394532%20z%20m%20-1.570313%201.058594%20c%200.300781%200.421875%200.464844%200.929688%200.46875%201.453125%20c%200%201.378906%20-1.121094%202.5%20-2.5%202.5%20c%20-0.523437%20-0.003906%20-1.03125%20-0.171875%20-1.449219%20-0.472656%20z%20m%203.441406%200.503906%20l%203.742188%203.742188%20c%200.402343%200.402344%200.402343%201.011718%200%201.414062%20l%20-0.253907%200.25%20c%20-0.039062%20-0.046875%20-0.074218%20-0.09375%20-0.117187%20-0.140625%20l%200.621094%20-0.855469%20l%20-0.808594%20-0.585937%20l%20-0.621094%200.851563%20c%20-0.167969%20-0.078126%20-0.347656%20-0.136719%20-0.535156%20-0.175782%20v%20-1.050781%20h%20-1%20v%201.050781%20c%20-0.183594%200.039063%20-0.363281%200.097656%20-0.53125%200.175782%20l%20-0.621094%20-0.851563%20l%20-0.804687%200.585937%20l%200.617187%200.855469%20c%20-0.125%200.136719%20-0.238281%200.289063%20-0.332031%200.453125%20l%20-1%20-0.324218%20l%20-0.308594%200.949218%20l%201%200.324219%20c%20-0.011718%200.09375%20-0.019531%200.1875%20-0.019531%200.28125%20s%200.007813%200.1875%200.019531%200.28125%20l%20-1%200.324219%20l%200.308594%200.949218%20l%201%20-0.324218%20c%200.09375%200.164062%200.207031%200.316406%200.332031%200.453125%20l%20-0.617187%200.855469%20l%200.195312%200.140624%20l%20-0.53125%200.53125%20c%20-0.402344%200.40625%20-1.011718%200.40625%20-1.414062%200%20l%20-4.902344%20-4.902343%20l%200.027344%20-0.039063%20l%200.210937%20-0.289062%20c%200.328125%200.152344%200.679688%200.269531%201.046875%200.339844%20v%201.179687%20h%201.648438%20v%20-1.179687%20c%200.363281%20-0.070313%200.714844%20-0.1875%201.046875%20-0.339844%20l%200.207031%200.289062%20l%200.484375%200.667969%20l%201.335937%20-0.972656%20l%20-0.484374%20-0.667969%20l%20-0.210938%20-0.289062%20c%200.25%20-0.269532%200.46875%20-0.566407%200.648438%20-0.890626%20l%200.339843%200.113282%20l%200.785157%200.253906%20l%200.507812%20-1.566406%20l%20-0.785156%20-0.257813%20l%20-0.335938%20-0.109375%20c%200.019532%20-0.179687%200.035156%20-0.363281%200.035156%20-0.550781%20s%20-0.015624%20-0.371094%20-0.035156%20-0.550781%20l%200.335938%20-0.109375%20l%200.785156%20-0.257813%20z%20m%201.527344%205.449219%20c%200.527344%200%200.984375%200.265625%201.25%200.667969%20l%20-2.078125%202.082031%20c%20-0.40625%20-0.269531%20-0.671875%20-0.722656%20-0.671875%20-1.25%20c%200%20-0.835937%200.667969%20-1.5%201.5%20-1.5%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3Cpath%20d%3D'm%204.039062%20-18.988281%20c%20-1.449218%200%20-2.679687%201.046875%20-2.964843%202.421875%20c%20-0.019531%200.097656%20-0.035157%200.199218%20-0.046875%200.300781%20c%20-0.007813%200.101563%20-0.015625%200.203125%20-0.015625%200.304687%20v%207.910157%20c%200%201.660156%201.367187%203.027343%203.027343%203.027343%20h%207.949219%20c%201.660157%200%203.027344%20-1.367187%203.027344%20-3.027343%20v%20-7.910157%20c%200%20-0.105468%20-0.003906%20-0.207031%20-0.015625%20-0.304687%20c%20-0.011719%20-0.101563%20-0.027344%20-0.203125%20-0.046875%20-0.300781%20c%20-0.285156%20-1.375%20-1.511719%20-2.421875%20-2.964844%20-2.421875%20z%20m%200%202.003906%20h%202.976563%20v%203%20h%20-2.976563%20c%20-0.585937%200%20-1.027343%20-0.441406%20-1.027343%20-1.027344%20v%20-0.949219%20c%200.003906%20-0.035156%200.003906%20-0.070312%200.007812%20-0.105468%20c%200.003907%20-0.035156%200.007813%20-0.070313%200.011719%20-0.105469%20c%200.007812%20-0.035156%200.019531%20-0.066406%200.027344%20-0.097656%20c%200.125%20-0.421875%200.503906%20-0.714844%200.980468%20-0.714844%20z%20m%204.976563%200%20h%202.972656%20c%200.585938%200%201.023438%200.4375%201.027344%201.023437%20v%200.949219%20c%200%200.585938%20-0.441406%201.027344%20-1.027344%201.027344%20h%20-2.972656%20z%20m%204%203.71875%20v%205.214844%20c%200%200.585937%20-0.441406%201.027343%20-1.027344%201.027343%20h%20-7.949219%20c%20-0.585937%200%20-1.027343%20-0.441406%20-1.027343%20-1.027343%20v%20-5.175781%20c%200.324219%200.148437%200.671875%200.246093%201.027343%200.246093%20h%202.976563%20v%203.035157%20l%202%200.992187%20v%20-4.027344%20h%202.972656%20c%200.34375%200%200.695313%20-0.113281%201.027344%20-0.285156%20z%20m%20-5%2033.28125%20c%20-0.851563%200%20-1.699219%200.328125%20-2.351563%200.976563%20l%20-4.671874%204.671874%20c%20-1.300782%201.300782%20-1.300782%203.402344%200%204.703126%20l%204.671874%204.671874%20c%201.300782%201.300782%203.402344%201.300782%204.699219%200%20l%204.675781%20-4.671874%20c%201.300782%20-1.300782%201.300782%20-3.402344%200%20-4.703126%20l%20-4.675781%20-4.671874%20c%20-0.648437%20-0.648438%20-1.496093%20-0.976563%20-2.347656%20-0.976563%20z%20m%200%201.984375%20c%200.335937%200%200.675781%200.132812%200.941406%200.402344%20l%203.03125%203.027344%20c%20-0.066406%200.039062%20-0.136719%200.070312%20-0.210937%200.09375%20c%20-0.019532%200.003906%20-0.039063%200.011718%20-0.0625%200.015624%20c%20-0.441406%200.148438%20-1.003906%200.019532%20-1.277344%20-0.359374%20l%20-0.140625%20-0.195313%20c%20-0.15625%20-0.210937%20-0.390625%20-0.355469%20-0.652344%20-0.398437%20c%20-0.066406%20-0.011719%20-0.132812%20-0.015626%20-0.199219%20-0.011719%20c%20-0.195312%200.007812%20-0.382812%200.074219%20-0.542968%200.191406%20c%20-0.449219%200.324219%20-0.550782%200.949219%20-0.226563%201.394531%20l%200.144531%200.199219%20c%200.273438%200.378906%200.226563%200.953125%20-0.050781%201.332031%20c%20-0.011719%200.015625%20-0.023437%200.03125%20-0.035156%200.050782%20c%20-0.273437%200.378906%20-0.808594%200.597656%20-1.253906%200.453124%20l%20-0.226563%20-0.074218%20c%20-0.523437%20-0.167969%20-1.089844%200.117187%20-1.257812%200.644531%20c%20-0.171875%200.523437%200.113281%201.089844%200.636718%201.261719%20l%200.226563%200.070312%20c%200.445313%200.144532%200.738281%200.640625%200.746094%201.105469%20c%200.003906%200.023437%200.003906%200.042969%200.003906%200.066406%20c%200.015625%200.464844%20-0.304687%200.960938%20-0.75%201.105469%20l%20-0.226563%200.074219%20c%20-0.179687%200.058593%20-0.332031%200.164062%20-0.445312%200.296875%20l%20-3.785156%20-3.785156%20c%20-0.535156%20-0.535157%20-0.535156%20-1.355469%200%20-1.890626%20l%204.667968%20-4.667968%20c%200.269532%20-0.269532%200.609376%20-0.402344%200.945313%20-0.402344%20z%20m%205.585937%205.234375%20c%200.058594%200%200.117188%200.003906%200.175782%200.007813%20c%200.382812%200.523437%200.335937%201.234374%20-0.144532%201.71875%20l%20-3.753906%203.75%20c%20-0.027344%20-0.066407%20-0.050781%20-0.136719%20-0.070312%20-0.203126%20c%20-0.003906%20-0.011718%20-0.007813%20-0.023437%20-0.011719%20-0.035156%20c%20-0.003906%20-0.007812%20-0.007813%20-0.011718%20-0.011719%20-0.019531%20c%20-0.285156%20-0.84375%20-0.152344%20-1.644531%200%20-2.4375%20c%200.003906%20-0.003906%200.007813%20-0.007813%200.011719%20-0.015625%20c%200.003906%20-0.011719%200.007813%20-0.027344%200.011719%20-0.039062%20c%200.261718%20-0.789063%200.757812%20-1.464844%201.410156%20-1.945313%20c%200.011719%20-0.003906%200.023438%20-0.011719%200.03125%20-0.015625%20c%200.019531%20-0.015625%200.042969%20-0.03125%200.058594%20-0.046875%20c%200.648437%20-0.453125%201.4375%20-0.71875%202.292968%20-0.71875%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
39
+ }
40
+
41
+ .adw-icon--edit-paste {
42
+ mask-image: var(--icon-edit-paste);
43
+ -webkit-mask-image: var(--icon-edit-paste);
44
+ }
45
+
46
+ .adw-icon--go-down {
47
+ mask-image: var(--icon-go-down);
48
+ -webkit-mask-image: var(--icon-go-down);
49
+ }
50
+
51
+ .adw-icon--sidebar-show {
52
+ mask-image: var(--icon-sidebar-show);
53
+ -webkit-mask-image: var(--icon-sidebar-show);
54
+ }
55
+
56
+ .adw-icon--go-previous {
57
+ mask-image: var(--icon-go-previous);
58
+ -webkit-mask-image: var(--icon-go-previous);
59
+ }
60
+
61
+ .adw-icon--go-next {
62
+ mask-image: var(--icon-go-next);
63
+ -webkit-mask-image: var(--icon-go-next);
64
+ }
65
+
66
+ .adw-icon--view-refresh {
67
+ mask-image: var(--icon-view-refresh);
68
+ -webkit-mask-image: var(--icon-view-refresh);
69
+ }
70
+
71
+ .adw-icon--open-menu {
72
+ mask-image: var(--icon-open-menu);
73
+ -webkit-mask-image: var(--icon-open-menu);
74
+ }
75
+
76
+ .adw-icon--go-home {
77
+ mask-image: var(--icon-go-home);
78
+ -webkit-mask-image: var(--icon-go-home);
79
+ }
80
+
81
+ .adw-icon--list-add {
82
+ mask-image: var(--icon-list-add);
83
+ -webkit-mask-image: var(--icon-list-add);
84
+ }
85
+
86
+ .adw-icon--network-wireless {
87
+ mask-image: var(--icon-network-wireless);
88
+ -webkit-mask-image: var(--icon-network-wireless);
89
+ }
90
+
91
+ .adw-icon--folder {
92
+ mask-image: var(--icon-folder);
93
+ -webkit-mask-image: var(--icon-folder);
94
+ }
95
+
96
+ .adw-icon--starred {
97
+ mask-image: var(--icon-starred);
98
+ -webkit-mask-image: var(--icon-starred);
99
+ }
100
+
101
+ .adw-icon--system-search {
102
+ mask-image: var(--icon-system-search);
103
+ -webkit-mask-image: var(--icon-system-search);
104
+ }
105
+
106
+ .adw-icon--contact-new {
107
+ mask-image: var(--icon-contact-new);
108
+ -webkit-mask-image: var(--icon-contact-new);
109
+ }
110
+
111
+ .adw-icon--mail-unread {
112
+ mask-image: var(--icon-mail-unread);
113
+ -webkit-mask-image: var(--icon-mail-unread);
114
+ }
115
+
116
+ .adw-icon--avatar-default {
117
+ mask-image: var(--icon-avatar-default);
118
+ -webkit-mask-image: var(--icon-avatar-default);
119
+ }
120
+
121
+ .adw-icon--camera-photo {
122
+ mask-image: var(--icon-camera-photo);
123
+ -webkit-mask-image: var(--icon-camera-photo);
124
+ }
125
+
126
+ .adw-icon--user-trash {
127
+ mask-image: var(--icon-user-trash);
128
+ -webkit-mask-image: var(--icon-user-trash);
129
+ }
130
+
131
+ .adw-icon--view-reveal {
132
+ mask-image: var(--icon-view-reveal);
133
+ -webkit-mask-image: var(--icon-view-reveal);
134
+ }
135
+
136
+ .adw-icon--view-conceal {
137
+ mask-image: var(--icon-view-conceal);
138
+ -webkit-mask-image: var(--icon-view-conceal);
139
+ }
140
+
141
+ .adw-icon--document-edit {
142
+ mask-image: var(--icon-document-edit);
143
+ -webkit-mask-image: var(--icon-document-edit);
144
+ }
145
+
146
+ .adw-icon--document-open {
147
+ mask-image: var(--icon-document-open);
148
+ -webkit-mask-image: var(--icon-document-open);
149
+ }
150
+
151
+ .adw-icon--document-save {
152
+ mask-image: var(--icon-document-save);
153
+ -webkit-mask-image: var(--icon-document-save);
154
+ }
155
+
156
+ .adw-icon--mail-send {
157
+ mask-image: var(--icon-mail-send);
158
+ -webkit-mask-image: var(--icon-mail-send);
159
+ }
160
+
161
+ .adw-icon--mail-reply-sender {
162
+ mask-image: var(--icon-mail-reply-sender);
163
+ -webkit-mask-image: var(--icon-mail-reply-sender);
164
+ }
165
+
166
+ .adw-icon--folder-download {
167
+ mask-image: var(--icon-folder-download);
168
+ -webkit-mask-image: var(--icon-folder-download);
169
+ }
170
+
171
+ .adw-icon--view-grid {
172
+ mask-image: var(--icon-view-grid);
173
+ -webkit-mask-image: var(--icon-view-grid);
174
+ }
175
+
176
+ .adw-icon--view-list {
177
+ mask-image: var(--icon-view-list);
178
+ -webkit-mask-image: var(--icon-view-list);
179
+ }
180
+
181
+ .adw-icon--view-columns {
182
+ mask-image: var(--icon-view-columns);
183
+ -webkit-mask-image: var(--icon-view-columns);
184
+ }
185
+
186
+ .adw-icon--list-remove {
187
+ mask-image: var(--icon-list-remove);
188
+ -webkit-mask-image: var(--icon-list-remove);
189
+ }
190
+
191
+ .adw-icon--send-to {
192
+ mask-image: var(--icon-send-to);
193
+ -webkit-mask-image: var(--icon-send-to);
194
+ }
195
+
196
+ .adw-icon--folder-music {
197
+ mask-image: var(--icon-folder-music);
198
+ -webkit-mask-image: var(--icon-folder-music);
199
+ }
200
+
201
+ .adw-icon--edit-copy {
202
+ mask-image: var(--icon-edit-copy);
203
+ -webkit-mask-image: var(--icon-edit-copy);
204
+ }
205
+
206
+ .adw-icon--emblem-system {
207
+ mask-image: var(--icon-emblem-system);
208
+ -webkit-mask-image: var(--icon-emblem-system);
209
+ }
210
+
211
+ .adw-icon--preferences-system {
212
+ mask-image: var(--icon-preferences-system);
213
+ -webkit-mask-image: var(--icon-preferences-system);
214
+ }
215
+
216
+ .adw-icon--application-x-executable {
217
+ mask-image: var(--icon-application-x-executable);
218
+ -webkit-mask-image: var(--icon-application-x-executable);
5
219
  }
6
220
 
7
221
  :root {
@@ -12,6 +226,7 @@
12
226
  --headerbar-bg-color: #ffffff;
13
227
  --headerbar-fg-color: rgba(0, 0, 6, 0.8);
14
228
  --headerbar-shade-color: rgba(0, 0, 6, 0.12);
229
+ --separator-color: rgba(0, 0, 6, 0.1);
15
230
  --sidebar-bg-color: #ebebed;
16
231
  --card-bg-color: #ffffff;
17
232
  --card-fg-color: rgba(0, 0, 6, 0.8);
@@ -19,6 +234,14 @@
19
234
  --accent-bg-color: #3584e4;
20
235
  --accent-fg-color: #ffffff;
21
236
  --accent-color: #1c71d8;
237
+ --button-bg-color: rgba(0, 0, 6, 0.08);
238
+ --button-hover-color: rgba(0, 0, 6, 0.13);
239
+ --button-active-color: rgba(0, 0, 6, 0.19);
240
+ --entry-bg-color: #ffffff;
241
+ --entry-border-color: rgba(0, 0, 6, 0.18);
242
+ --entry-border-hover-color: rgba(0, 0, 6, 0.28);
243
+ --destructive-bg-color: #e01b24;
244
+ --destructive-fg-color: #ffffff;
22
245
  --switch-off-bg: rgba(0, 0, 0, 0.2);
23
246
  --switch-knob-bg: #ffffff;
24
247
  --window-radius: 15px;
@@ -45,13 +268,23 @@
45
268
  --headerbar-bg-color: #2e2e32;
46
269
  --headerbar-fg-color: #ffffff;
47
270
  --headerbar-shade-color: rgba(0, 0, 6, 0.36);
271
+ --separator-color: rgba(255, 255, 255, 0.08);
48
272
  --sidebar-bg-color: #2e2e32;
49
273
  --card-bg-color: rgba(255, 255, 255, 0.08);
50
274
  --card-fg-color: #ffffff;
51
275
  --card-shade-color: rgba(0, 0, 6, 0.36);
52
276
  --accent-color: #78aeed;
277
+ --button-bg-color: rgba(255, 255, 255, 0.1);
278
+ --button-hover-color: rgba(255, 255, 255, 0.15);
279
+ --button-active-color: rgba(255, 255, 255, 0.22);
280
+ --entry-bg-color: rgba(255, 255, 255, 0.06);
281
+ --entry-border-color: rgba(255, 255, 255, 0.16);
282
+ --entry-border-hover-color: rgba(255, 255, 255, 0.26);
283
+ --destructive-bg-color: #c01c28;
284
+ --destructive-fg-color: #ffffff;
53
285
  --switch-off-bg: rgba(255, 255, 255, 0.2);
54
286
  --switch-knob-bg: #deddda;
287
+ --active-toggle-fg-color: rgba(0, 0, 6, 0.8);
55
288
  }
56
289
  }
57
290
  :root.theme-dark {
@@ -62,13 +295,23 @@
62
295
  --headerbar-bg-color: #2e2e32;
63
296
  --headerbar-fg-color: #ffffff;
64
297
  --headerbar-shade-color: rgba(0, 0, 6, 0.36);
298
+ --separator-color: rgba(255, 255, 255, 0.08);
65
299
  --sidebar-bg-color: #2e2e32;
66
300
  --card-bg-color: rgba(255, 255, 255, 0.08);
67
301
  --card-fg-color: #ffffff;
68
302
  --card-shade-color: rgba(0, 0, 6, 0.36);
69
303
  --accent-color: #78aeed;
304
+ --button-bg-color: rgba(255, 255, 255, 0.1);
305
+ --button-hover-color: rgba(255, 255, 255, 0.15);
306
+ --button-active-color: rgba(255, 255, 255, 0.22);
307
+ --entry-bg-color: rgba(255, 255, 255, 0.06);
308
+ --entry-border-color: rgba(255, 255, 255, 0.16);
309
+ --entry-border-hover-color: rgba(255, 255, 255, 0.26);
310
+ --destructive-bg-color: #c01c28;
311
+ --destructive-fg-color: #ffffff;
70
312
  --switch-off-bg: rgba(255, 255, 255, 0.2);
71
313
  --switch-knob-bg: #deddda;
314
+ --active-toggle-fg-color: rgba(0, 0, 6, 0.8);
72
315
  }
73
316
 
74
317
  adw-window {
@@ -92,7 +335,7 @@ adw-header-bar {
92
335
  padding: 0 6px;
93
336
  background-color: var(--headerbar-bg-color);
94
337
  color: var(--headerbar-fg-color);
95
- box-shadow: inset 0 -1px var(--headerbar-shade-color);
338
+ box-shadow: inset 0 -1px var(--separator-color);
96
339
  flex-shrink: 0;
97
340
  }
98
341
  adw-header-bar .adw-header-bar-center {
@@ -143,356 +386,2592 @@ adw-header-bar .adw-header-btn:active {
143
386
  background: rgba(128, 128, 128, 0.22);
144
387
  }
145
388
 
146
- adw-preferences-group {
147
- display: block;
389
+ adw-window-title {
390
+ display: flex;
391
+ flex-direction: column;
392
+ align-items: center;
393
+ justify-content: center;
394
+ line-height: 1.15;
395
+ min-width: 0;
148
396
  }
149
- adw-preferences-group .adw-preferences-group-header {
150
- padding: var(--spacing-xs) 2px;
397
+ adw-window-title .adw-window-title-title {
398
+ font-size: var(--font-size-base);
399
+ font-weight: 700;
400
+ color: var(--headerbar-fg-color);
401
+ white-space: nowrap;
402
+ overflow: hidden;
403
+ text-overflow: ellipsis;
404
+ max-width: 100%;
151
405
  }
152
- adw-preferences-group .adw-preferences-group-title {
406
+ adw-window-title .adw-window-title-subtitle {
153
407
  font-size: var(--font-size-small);
154
- font-weight: 700;
155
- text-transform: uppercase;
156
- letter-spacing: 0.5px;
157
408
  opacity: var(--dim-opacity);
158
- margin: 0;
159
- color: var(--window-fg-color);
160
- }
161
- adw-preferences-group .adw-preferences-group-listbox {
162
- background-color: var(--card-bg-color);
163
- color: var(--card-fg-color);
164
- border-radius: var(--card-radius);
165
- box-shadow: 0 0 0 1px rgba(0, 0, 6, 0.03), 0 1px 3px 1px rgba(0, 0, 6, 0.07), 0 2px 6px 2px rgba(0, 0, 6, 0.03);
409
+ color: var(--headerbar-fg-color);
410
+ white-space: nowrap;
166
411
  overflow: hidden;
412
+ text-overflow: ellipsis;
413
+ max-width: 100%;
167
414
  }
168
415
 
169
- adw-card,
170
- .adw-card {
171
- display: block;
172
- background-color: var(--card-bg-color);
173
- color: var(--card-fg-color);
174
- border-radius: var(--card-radius);
175
- padding: var(--spacing-l);
176
- box-shadow: 0 0 0 1px rgba(0, 0, 6, 0.03), 0 1px 3px 1px rgba(0, 0, 6, 0.07), 0 2px 6px 2px rgba(0, 0, 6, 0.03);
177
- overflow: hidden;
416
+ adw-button {
417
+ display: inline-flex;
178
418
  }
179
419
 
180
- adw-switch-row,
181
- adw-combo-row {
182
- display: flex;
420
+ .adw-button {
421
+ box-sizing: border-box;
422
+ display: inline-flex;
183
423
  align-items: center;
184
- justify-content: space-between;
185
- min-height: 50px;
186
- padding: var(--spacing-s) var(--spacing-m);
187
- gap: var(--spacing-m);
188
- border-bottom: 1px solid var(--card-shade-color);
424
+ justify-content: center;
425
+ gap: 6px;
426
+ min-height: 34px;
427
+ min-width: 34px;
428
+ margin: 0;
429
+ padding: 4px 14px;
430
+ border: none;
431
+ border-radius: var(--button-radius);
432
+ background-color: var(--button-bg-color);
433
+ color: var(--window-fg-color);
434
+ font-family: var(--font-family);
435
+ font-size: var(--font-size-base);
436
+ font-weight: 700;
437
+ line-height: 1;
438
+ text-decoration: none;
439
+ cursor: pointer;
440
+ transition: background-color 0.1s ease;
441
+ user-select: none;
442
+ -webkit-user-select: none;
189
443
  }
190
- adw-switch-row:last-child,
191
- adw-combo-row:last-child {
192
- border-bottom: none;
444
+ .adw-button:hover {
445
+ background-color: var(--button-hover-color);
193
446
  }
194
-
195
- .adw-separator-vertical {
196
- width: 1px;
197
- align-self: stretch;
198
- background-color: var(--card-shade-color);
199
- flex-shrink: 0;
447
+ .adw-button:active {
448
+ background-color: var(--button-active-color);
200
449
  }
201
-
202
- adw-switch-row .adw-row-title {
203
- flex: 1;
204
- font-size: var(--font-size-base);
205
- color: var(--card-fg-color);
450
+ .adw-button:focus-visible {
451
+ outline: 2px solid var(--accent-color);
452
+ outline-offset: 1px;
206
453
  }
207
- adw-switch-row .adw-switch {
208
- position: relative;
209
- display: inline-block;
210
- width: 44px;
211
- height: 24px;
212
- flex-shrink: 0;
454
+ .adw-button:disabled {
455
+ opacity: 0.45;
456
+ cursor: default;
213
457
  }
214
- adw-switch-row .adw-switch input {
215
- opacity: 0;
216
- width: 0;
217
- height: 0;
218
- position: absolute;
458
+ .adw-button.flat {
459
+ background-color: transparent;
219
460
  }
220
- adw-switch-row .adw-switch-slider {
221
- position: absolute;
222
- cursor: pointer;
223
- inset: 0;
224
- background-color: var(--switch-off-bg);
225
- border-radius: 12px;
226
- transition: background-color 0.15s ease-out;
461
+ .adw-button.flat:hover {
462
+ background-color: var(--button-hover-color);
227
463
  }
228
- adw-switch-row .adw-switch-slider::before {
229
- content: "";
230
- position: absolute;
231
- height: 20px;
232
- width: 20px;
233
- left: 2px;
234
- bottom: 2px;
235
- background-color: var(--switch-knob-bg);
236
- border-radius: 50%;
237
- transition: transform 0.15s ease-out;
238
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
464
+ .adw-button.flat:active {
465
+ background-color: var(--button-active-color);
239
466
  }
240
- adw-switch-row .adw-switch input:checked + .adw-switch-slider {
467
+ .adw-button.suggested-action {
241
468
  background-color: var(--accent-bg-color);
469
+ color: var(--accent-fg-color);
242
470
  }
243
- adw-switch-row .adw-switch input:checked + .adw-switch-slider::before {
244
- transform: translateX(20px);
471
+ .adw-button.suggested-action:hover {
472
+ background-color: var(--accent-color);
245
473
  }
246
- adw-switch-row .adw-switch input:focus-visible + .adw-switch-slider {
247
- outline: 2px solid var(--accent-color);
248
- outline-offset: 2px;
474
+ .adw-button.suggested-action:active {
475
+ background-color: var(--accent-color);
476
+ filter: brightness(0.92);
249
477
  }
250
-
251
- adw-combo-row {
252
- position: relative;
253
- cursor: pointer;
478
+ .adw-button.destructive-action {
479
+ background-color: var(--destructive-bg-color);
480
+ color: var(--destructive-fg-color);
254
481
  }
255
- adw-combo-row .adw-row-title {
256
- font-size: var(--font-size-base);
257
- color: var(--card-fg-color);
258
- pointer-events: none;
482
+ .adw-button.destructive-action:hover {
483
+ filter: brightness(1.06);
259
484
  }
260
- adw-combo-row select {
261
- appearance: none;
262
- -webkit-appearance: none;
263
- background-color: transparent;
264
- border: none;
265
- padding: 6px 24px 6px 8px;
266
- font-family: var(--font-family);
267
- font-size: var(--font-size-base);
268
- color: var(--card-fg-color);
269
- cursor: pointer;
270
- text-align: right;
271
- position: absolute;
272
- inset: 0;
273
- opacity: 0;
274
- width: 100%;
275
- height: 100%;
276
- z-index: 1;
485
+ .adw-button.destructive-action:active {
486
+ filter: brightness(0.9);
277
487
  }
278
- adw-combo-row select:focus-visible {
279
- outline: 2px solid var(--accent-color);
280
- outline-offset: -1px;
488
+ .adw-button.icon-only {
489
+ padding: 0;
490
+ width: 34px;
281
491
  }
282
- adw-combo-row select option {
283
- background-color: var(--window-bg-color);
284
- color: var(--window-fg-color);
492
+ .adw-button.circular {
493
+ padding: 0;
494
+ width: 34px;
495
+ border-radius: 9999px;
285
496
  }
286
- adw-combo-row .adw-row-value {
287
- font-size: var(--font-size-base);
288
- color: var(--card-fg-color);
289
- opacity: var(--dim-opacity);
290
- display: flex;
291
- align-items: center;
292
- gap: 4px;
497
+ .adw-button.pill {
498
+ padding: 6px 20px;
499
+ border-radius: 9999px;
293
500
  }
294
- adw-combo-row .adw-row-value::after {
295
- content: "";
501
+
502
+ .adw-icon {
296
503
  display: inline-block;
297
- width: 12px;
298
- height: 12px;
504
+ width: 16px;
505
+ height: 16px;
506
+ flex-shrink: 0;
299
507
  background-color: currentColor;
300
- -webkit-mask-image: var(--icon-go-down);
301
- mask-image: var(--icon-go-down);
302
- -webkit-mask-repeat: no-repeat;
508
+ mask-size: 16px;
303
509
  mask-repeat: no-repeat;
304
- -webkit-mask-size: contain;
305
- mask-size: contain;
306
- -webkit-mask-position: center;
307
510
  mask-position: center;
511
+ -webkit-mask-size: 16px;
512
+ -webkit-mask-repeat: no-repeat;
513
+ -webkit-mask-position: center;
514
+ }
515
+ .adw-icon[hidden] {
516
+ display: none;
308
517
  }
309
518
 
310
- adw-spin-row {
311
- display: flex;
312
- align-items: center;
313
- justify-content: space-between;
314
- min-height: 50px;
315
- padding: var(--spacing-s) var(--spacing-m);
316
- gap: var(--spacing-m);
317
- border-bottom: 1px solid var(--card-shade-color);
519
+ .adw-linked {
520
+ display: inline-flex;
318
521
  }
319
- adw-spin-row:last-child {
320
- border-bottom: none;
522
+ .adw-linked > .adw-button,
523
+ .adw-linked > adw-button .adw-button {
524
+ border-radius: 0;
321
525
  }
322
- adw-spin-row .adw-row-title {
323
- flex: 1;
324
- font-size: var(--font-size-base);
325
- color: var(--card-fg-color);
526
+ .adw-linked > :first-child .adw-button,
527
+ .adw-linked > .adw-button:first-child {
528
+ border-top-left-radius: var(--button-radius);
529
+ border-bottom-left-radius: var(--button-radius);
530
+ }
531
+ .adw-linked > :last-child .adw-button,
532
+ .adw-linked > .adw-button:last-child {
533
+ border-top-right-radius: var(--button-radius);
534
+ border-bottom-right-radius: var(--button-radius);
535
+ }
536
+ .adw-linked > * + * {
537
+ margin-left: 2px;
326
538
  }
327
539
 
328
- .adw-spin-control {
540
+ adw-button-content {
541
+ display: inline-flex;
542
+ align-items: center;
543
+ justify-content: center;
544
+ min-width: 0;
545
+ }
546
+ adw-button-content .adw-button-content-box {
547
+ display: inline-flex;
548
+ align-items: center;
549
+ justify-content: center;
550
+ gap: 6px;
551
+ min-width: 0;
552
+ }
553
+ adw-button-content .adw-button-content-label {
554
+ font-weight: 700;
555
+ line-height: 1;
556
+ padding-right: 2px;
557
+ }
558
+ adw-button-content.can-shrink .adw-button-content-box {
559
+ min-width: 0;
560
+ }
561
+ adw-button-content.can-shrink .adw-button-content-label {
562
+ overflow: hidden;
563
+ text-overflow: ellipsis;
564
+ white-space: nowrap;
565
+ min-width: 0;
566
+ }
567
+
568
+ .adw-split-button {
569
+ position: relative;
570
+ box-sizing: border-box;
571
+ display: inline-flex;
572
+ align-items: stretch;
573
+ vertical-align: middle;
574
+ min-height: 34px;
575
+ border-radius: var(--button-radius);
576
+ background-color: var(--button-bg-color);
577
+ color: var(--window-fg-color);
578
+ font-family: var(--font-family);
579
+ font-size: var(--font-size-base);
580
+ user-select: none;
581
+ -webkit-user-select: none;
582
+ }
583
+ .adw-split-button:focus-within {
584
+ outline: 2px solid var(--accent-color);
585
+ outline-offset: 1px;
586
+ }
587
+ .adw-split-button .adw-split-button-action {
588
+ box-sizing: border-box;
589
+ display: inline-flex;
590
+ align-items: center;
591
+ justify-content: center;
592
+ gap: 6px;
593
+ flex-grow: 1;
594
+ min-height: 34px;
595
+ margin: 0;
596
+ padding: 4px 14px;
597
+ border: none;
598
+ border-radius: var(--button-radius) 0 0 var(--button-radius);
599
+ background-color: transparent;
600
+ color: inherit;
601
+ font: inherit;
602
+ font-weight: 700;
603
+ line-height: 1;
604
+ cursor: pointer;
605
+ transition: background-color 0.1s ease;
606
+ }
607
+ .adw-split-button .adw-split-button-action:hover {
608
+ background-color: var(--button-hover-color);
609
+ }
610
+ .adw-split-button .adw-split-button-action:active {
611
+ background-color: var(--button-active-color);
612
+ }
613
+ .adw-split-button .adw-split-button-action:focus, .adw-split-button .adw-split-button-action:focus-visible {
614
+ outline: none;
615
+ }
616
+ .adw-split-button .adw-split-button-action.icon-only {
617
+ padding: 0;
618
+ width: 34px;
619
+ flex-grow: 0;
620
+ }
621
+ .adw-split-button .adw-split-button-dropdown {
622
+ position: relative;
623
+ box-sizing: border-box;
624
+ display: inline-flex;
625
+ align-items: center;
626
+ justify-content: center;
627
+ min-height: 34px;
628
+ width: 28px;
629
+ margin: 0;
630
+ padding: 0 var(--spacing-xs);
631
+ border: none;
632
+ border-left: 1px solid var(--separator-color);
633
+ border-radius: 0 var(--button-radius) var(--button-radius) 0;
634
+ background-color: transparent;
635
+ color: inherit;
636
+ cursor: pointer;
637
+ transition: background-color 0.1s ease;
638
+ }
639
+ .adw-split-button .adw-split-button-dropdown .adw-icon {
640
+ width: 14px;
641
+ height: 14px;
642
+ mask-size: 14px;
643
+ -webkit-mask-size: 14px;
644
+ }
645
+ .adw-split-button .adw-split-button-dropdown:hover {
646
+ background-color: var(--button-hover-color);
647
+ }
648
+ .adw-split-button .adw-split-button-dropdown:active {
649
+ background-color: var(--button-active-color);
650
+ }
651
+ .adw-split-button .adw-split-button-dropdown:focus, .adw-split-button .adw-split-button-dropdown:focus-visible {
652
+ outline: none;
653
+ }
654
+ .adw-split-button .adw-split-button-menu {
655
+ position: absolute;
656
+ top: calc(100% + 4px);
657
+ right: 0;
658
+ z-index: 10;
659
+ display: flex;
660
+ flex-direction: column;
661
+ min-width: 160px;
662
+ padding: var(--spacing-xs);
663
+ border-radius: var(--button-radius);
664
+ background-color: var(--popover-bg-color, var(--window-bg-color, #fff));
665
+ color: var(--window-fg-color);
666
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 0 1px var(--separator-color);
667
+ }
668
+ .adw-split-button .adw-split-button-menu[hidden] {
669
+ display: none;
670
+ }
671
+ .adw-split-button .adw-split-button-menu-item {
672
+ box-sizing: border-box;
329
673
  display: flex;
330
674
  align-items: center;
331
- gap: 2px;
675
+ width: 100%;
676
+ min-height: 32px;
677
+ margin: 0;
678
+ padding: var(--spacing-xs) var(--spacing-s);
679
+ border: none;
680
+ border-radius: calc(var(--button-radius) - 2px);
681
+ background-color: transparent;
682
+ color: inherit;
683
+ font: inherit;
684
+ text-align: start;
685
+ cursor: pointer;
686
+ transition: background-color 0.1s ease;
332
687
  }
333
- .adw-spin-control button {
334
- width: 32px;
335
- height: 32px;
688
+ .adw-split-button .adw-split-button-menu-item:hover {
689
+ background-color: var(--button-hover-color);
690
+ }
691
+ .adw-split-button .adw-split-button-menu-item:active {
692
+ background-color: var(--button-active-color);
693
+ }
694
+ .adw-split-button .adw-split-button-menu-item:focus-visible {
695
+ outline: 2px solid var(--accent-color);
696
+ outline-offset: -2px;
697
+ }
698
+ .adw-split-button.suggested-action {
699
+ background-color: var(--accent-bg-color);
700
+ color: var(--accent-fg-color);
701
+ }
702
+ .adw-split-button.suggested-action .adw-split-button-dropdown {
703
+ border-left-color: rgba(255, 255, 255, 0.3);
704
+ }
705
+ .adw-split-button.suggested-action .adw-split-button-action:hover,
706
+ .adw-split-button.suggested-action .adw-split-button-dropdown:hover {
707
+ background-color: var(--accent-color);
708
+ }
709
+ .adw-split-button.suggested-action .adw-split-button-action:active,
710
+ .adw-split-button.suggested-action .adw-split-button-dropdown:active {
711
+ background-color: var(--accent-color);
712
+ filter: brightness(0.92);
713
+ }
714
+ .adw-split-button.destructive-action {
715
+ background-color: var(--destructive-bg-color);
716
+ color: var(--destructive-fg-color);
717
+ }
718
+ .adw-split-button.destructive-action .adw-split-button-dropdown {
719
+ border-left-color: rgba(255, 255, 255, 0.3);
720
+ }
721
+ .adw-split-button.destructive-action .adw-split-button-action:hover,
722
+ .adw-split-button.destructive-action .adw-split-button-dropdown:hover {
723
+ filter: brightness(1.06);
724
+ }
725
+ .adw-split-button.destructive-action .adw-split-button-action:active,
726
+ .adw-split-button.destructive-action .adw-split-button-dropdown:active {
727
+ filter: brightness(0.9);
728
+ }
729
+ .adw-split-button.flat {
730
+ background-color: transparent;
731
+ }
732
+ .adw-split-button.disabled {
733
+ opacity: 0.45;
734
+ cursor: default;
735
+ }
736
+ .adw-split-button.disabled .adw-split-button-action,
737
+ .adw-split-button.disabled .adw-split-button-dropdown {
738
+ cursor: default;
739
+ pointer-events: none;
740
+ }
741
+
742
+ :root {
743
+ --active-toggle-bg-color: #ffffff;
744
+ --active-toggle-fg-color: var(--window-fg-color);
745
+ }
746
+
747
+ adw-toggle-group {
748
+ --group-padding: 3px;
749
+ display: inline-flex;
750
+ box-sizing: border-box;
751
+ padding: var(--group-padding);
752
+ border-radius: var(--button-radius);
753
+ background-color: var(--button-bg-color);
754
+ }
755
+ adw-toggle-group .adw-toggle-group-inner {
756
+ display: flex;
757
+ align-items: stretch;
758
+ gap: var(--group-padding);
759
+ }
760
+ adw-toggle-group .adw-toggle {
761
+ box-sizing: border-box;
762
+ display: inline-flex;
763
+ align-items: center;
764
+ justify-content: center;
765
+ gap: var(--spacing-xs);
766
+ min-width: 34px;
767
+ min-height: 28px;
768
+ margin: 0;
769
+ padding: 4px 11px;
336
770
  border: none;
771
+ border-radius: calc(var(--button-radius) - var(--group-padding));
772
+ background-color: transparent;
773
+ color: var(--window-fg-color);
774
+ font-family: var(--font-family);
775
+ font-size: var(--font-size-base);
776
+ font-weight: 700;
777
+ line-height: 1;
778
+ cursor: pointer;
779
+ transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
780
+ user-select: none;
781
+ -webkit-user-select: none;
782
+ }
783
+ adw-toggle-group .adw-toggle:hover {
784
+ background-color: var(--button-hover-color);
785
+ }
786
+ adw-toggle-group .adw-toggle:active {
787
+ background-color: var(--button-active-color);
788
+ }
789
+ adw-toggle-group .adw-toggle:focus-visible {
790
+ outline: 2px solid var(--accent-color);
791
+ outline-offset: 1px;
792
+ }
793
+ adw-toggle-group .adw-toggle.active {
794
+ background-color: var(--active-toggle-bg-color);
795
+ color: var(--active-toggle-fg-color);
796
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 6, 0.07), 0 2px 6px 2px rgba(0, 0, 6, 0.03);
797
+ }
798
+ adw-toggle-group .adw-toggle.active:hover {
799
+ background-color: var(--active-toggle-bg-color);
800
+ }
801
+ adw-toggle-group.round {
802
+ border-radius: 17px;
803
+ }
804
+ adw-toggle-group.round .adw-toggle {
805
+ border-radius: calc(17px - var(--group-padding));
806
+ padding-left: calc(15px - var(--group-padding));
807
+ padding-right: calc(15px - var(--group-padding));
808
+ }
809
+ adw-toggle-group.flat {
810
+ --group-padding: 0px;
811
+ padding: 0;
812
+ background: none;
813
+ }
814
+ adw-toggle-group.flat .adw-toggle {
337
815
  border-radius: var(--button-radius);
338
- background: transparent;
816
+ }
817
+ adw-toggle-group.flat .adw-toggle.active {
818
+ background-color: var(--button-active-color);
819
+ color: inherit;
820
+ box-shadow: none;
821
+ }
822
+ adw-toggle-group.flat .adw-toggle.active:hover {
823
+ background-color: var(--button-active-color);
824
+ }
825
+ adw-toggle-group.flat.round .adw-toggle {
826
+ border-radius: 17px;
827
+ }
828
+
829
+ adw-entry {
830
+ display: flex;
831
+ flex: 1;
832
+ min-width: 0;
833
+ }
834
+
835
+ .adw-entry {
836
+ box-sizing: border-box;
837
+ width: 100%;
838
+ min-height: 34px;
839
+ margin: 0;
840
+ padding: 5px 12px;
841
+ border: none;
842
+ border-radius: var(--button-radius);
843
+ background-color: var(--entry-bg-color);
844
+ color: var(--view-fg-color);
845
+ font-family: var(--font-family);
846
+ font-size: var(--font-size-base);
847
+ box-shadow: inset 0 0 0 1px var(--entry-border-color);
848
+ transition: box-shadow 0.1s ease;
849
+ }
850
+ .adw-entry::placeholder {
851
+ color: var(--view-fg-color);
852
+ opacity: var(--dim-opacity);
853
+ }
854
+ .adw-entry:hover {
855
+ box-shadow: inset 0 0 0 1px var(--entry-border-hover-color);
856
+ }
857
+ .adw-entry:focus, .adw-entry:focus-visible {
858
+ outline: none;
859
+ box-shadow: inset 0 0 0 2px var(--accent-color);
860
+ }
861
+ .adw-entry:disabled {
862
+ opacity: 0.45;
863
+ cursor: default;
864
+ box-shadow: inset 0 0 0 1px var(--entry-border-color);
865
+ }
866
+
867
+ adw-preferences-group {
868
+ display: block;
869
+ }
870
+ adw-preferences-group .adw-preferences-group-header {
871
+ display: flex;
872
+ align-items: center;
873
+ gap: var(--spacing-s);
874
+ padding: var(--spacing-xs) 2px;
875
+ }
876
+ adw-preferences-group .adw-preferences-group-labels {
877
+ display: flex;
878
+ flex: 1 1 auto;
879
+ flex-direction: column;
880
+ min-width: 0;
881
+ }
882
+ adw-preferences-group .adw-preferences-group-suffix {
883
+ flex: 0 0 auto;
884
+ display: flex;
885
+ align-items: center;
886
+ }
887
+ adw-preferences-group .adw-preferences-group-title {
888
+ font-size: var(--font-size-base);
889
+ font-weight: 700;
890
+ margin: 0;
891
+ color: var(--window-fg-color);
892
+ }
893
+ adw-preferences-group .adw-preferences-group-description {
894
+ font-size: var(--font-size-small);
895
+ opacity: var(--dim-opacity);
896
+ margin: 0;
897
+ color: var(--window-fg-color);
898
+ }
899
+ adw-preferences-group .adw-preferences-group-listbox {
900
+ background-color: var(--card-bg-color);
901
+ color: var(--card-fg-color);
902
+ border-radius: var(--card-radius);
903
+ box-shadow: 0 0 0 1px rgba(0, 0, 6, 0.03), 0 1px 3px 1px rgba(0, 0, 6, 0.07), 0 2px 6px 2px rgba(0, 0, 6, 0.03);
904
+ overflow: hidden;
905
+ }
906
+
907
+ adw-card,
908
+ .adw-card {
909
+ display: block;
910
+ background-color: var(--card-bg-color);
339
911
  color: var(--card-fg-color);
912
+ border-radius: var(--card-radius);
913
+ padding: var(--spacing-l);
914
+ box-shadow: 0 0 0 1px rgba(0, 0, 6, 0.03), 0 1px 3px 1px rgba(0, 0, 6, 0.07), 0 2px 6px 2px rgba(0, 0, 6, 0.03);
915
+ overflow: hidden;
916
+ }
917
+
918
+ adw-clamp {
919
+ display: block;
920
+ width: 100%;
921
+ margin-inline: auto;
922
+ }
923
+
924
+ adw-spinner {
925
+ display: inline-block;
926
+ box-sizing: border-box;
927
+ width: 24px;
928
+ height: 24px;
929
+ border: 3px solid rgba(127, 127, 127, 0.25);
930
+ border-top-color: currentColor;
931
+ border-radius: 50%;
932
+ animation: adw-spinner-spin 0.8s linear infinite;
933
+ }
934
+ @media (prefers-reduced-motion: reduce) {
935
+ adw-spinner {
936
+ animation: none;
937
+ }
938
+ }
939
+
940
+ @keyframes adw-spinner-spin {
941
+ to {
942
+ transform: rotate(360deg);
943
+ }
944
+ }
945
+ adw-avatar {
946
+ display: inline-flex;
947
+ align-items: center;
948
+ justify-content: center;
949
+ flex-shrink: 0;
950
+ border-radius: 50%;
951
+ overflow: hidden;
952
+ box-sizing: border-box;
953
+ font-weight: 700;
954
+ user-select: none;
955
+ background-color: rgba(127, 127, 127, 0.25);
956
+ color: var(--window-fg-color);
957
+ }
958
+ adw-avatar .adw-avatar-text {
959
+ line-height: 1;
960
+ text-align: center;
961
+ }
962
+ adw-avatar .adw-avatar-icon {
963
+ background-color: currentColor;
964
+ opacity: 0.7;
965
+ -webkit-mask-size: contain;
966
+ mask-size: contain;
967
+ }
968
+
969
+ adw-banner {
970
+ display: flex;
971
+ align-items: center;
972
+ justify-content: space-between;
973
+ gap: var(--spacing-m);
974
+ padding: var(--spacing-xs) var(--spacing-m);
975
+ width: 100%;
976
+ box-sizing: border-box;
977
+ background-color: var(--sidebar-bg-color);
978
+ color: var(--window-fg-color);
979
+ }
980
+ adw-banner:not(.revealed) {
981
+ display: none;
982
+ }
983
+ adw-banner .adw-banner-title {
984
+ flex: 1 1 auto;
985
+ min-width: 0;
986
+ font-size: var(--font-size-base);
987
+ }
988
+ adw-banner .adw-banner-button {
989
+ flex-shrink: 0;
990
+ border: none;
991
+ border-radius: var(--button-radius);
992
+ padding: 4px 14px;
993
+ background: var(--button-bg-color);
994
+ color: var(--window-fg-color);
995
+ font-family: var(--font-family);
996
+ font-size: var(--font-size-base);
997
+ font-weight: 700;
340
998
  cursor: pointer;
341
- font-size: 16px;
999
+ }
1000
+ adw-banner .adw-banner-button:hover {
1001
+ background: var(--button-hover-color);
1002
+ }
1003
+
1004
+ adw-status-page {
1005
+ display: flex;
1006
+ flex-direction: column;
1007
+ align-items: center;
1008
+ justify-content: center;
1009
+ text-align: center;
1010
+ gap: var(--spacing-m);
1011
+ padding: var(--spacing-xl);
1012
+ color: var(--window-fg-color);
1013
+ }
1014
+ adw-status-page .adw-status-page-icon {
1015
+ width: 96px;
1016
+ height: 96px;
1017
+ background-color: currentColor;
1018
+ opacity: 0.45;
1019
+ -webkit-mask-size: contain;
1020
+ mask-size: contain;
1021
+ }
1022
+ adw-status-page .adw-status-page-title {
1023
+ font-size: 18pt;
1024
+ font-weight: 800;
1025
+ }
1026
+ adw-status-page .adw-status-page-description {
1027
+ font-size: var(--font-size-base);
1028
+ opacity: var(--dim-opacity);
1029
+ max-width: 32ch;
1030
+ }
1031
+ adw-status-page .adw-status-page-child {
1032
+ margin-top: var(--spacing-s);
1033
+ }
1034
+
1035
+ adw-switch-row,
1036
+ adw-combo-row {
1037
+ display: flex;
1038
+ align-items: center;
1039
+ justify-content: space-between;
1040
+ min-height: 50px;
1041
+ padding: var(--spacing-s) var(--spacing-m);
1042
+ gap: var(--spacing-m);
1043
+ border-bottom: 1px solid var(--card-shade-color);
1044
+ }
1045
+ adw-switch-row:last-child,
1046
+ adw-combo-row:last-child {
1047
+ border-bottom: none;
1048
+ }
1049
+
1050
+ .adw-row-text {
1051
+ display: flex;
1052
+ flex-direction: column;
1053
+ justify-content: center;
1054
+ flex: 1 1 auto;
1055
+ min-width: 0;
1056
+ }
1057
+
1058
+ .adw-row-subtitle {
1059
+ font-size: var(--font-size-small);
1060
+ opacity: var(--dim-opacity);
1061
+ color: var(--card-fg-color);
1062
+ white-space: nowrap;
1063
+ overflow: hidden;
1064
+ text-overflow: ellipsis;
1065
+ }
1066
+
1067
+ .adw-row-edit {
1068
+ flex-shrink: 0;
1069
+ width: 16px;
1070
+ height: 16px;
1071
+ color: var(--card-fg-color);
1072
+ opacity: 0.55;
1073
+ cursor: pointer;
1074
+ }
1075
+
1076
+ .adw-separator-vertical {
1077
+ width: 1px;
1078
+ align-self: stretch;
1079
+ background-color: var(--card-shade-color);
1080
+ flex-shrink: 0;
1081
+ }
1082
+
1083
+ adw-action-row {
1084
+ display: flex;
1085
+ align-items: center;
1086
+ gap: var(--spacing-m);
1087
+ min-height: 50px;
1088
+ padding: var(--spacing-s) var(--spacing-m);
1089
+ border-bottom: 1px solid var(--card-shade-color);
1090
+ color: var(--card-fg-color);
1091
+ }
1092
+ adw-action-row:last-child {
1093
+ border-bottom: none;
1094
+ }
1095
+ adw-action-row.activatable {
1096
+ cursor: pointer;
1097
+ }
1098
+ adw-action-row.activatable:hover {
1099
+ background-color: var(--button-bg-color);
1100
+ }
1101
+ adw-action-row.activatable:active {
1102
+ background-color: var(--button-active-color);
1103
+ }
1104
+ adw-action-row .adw-action-row-prefix,
1105
+ adw-action-row .adw-action-row-suffix {
1106
+ display: flex;
1107
+ align-items: center;
1108
+ gap: var(--spacing-xs);
1109
+ flex-shrink: 0;
1110
+ }
1111
+ adw-action-row .adw-action-row-text {
1112
+ display: flex;
1113
+ flex-direction: column;
1114
+ justify-content: center;
1115
+ flex: 1 1 auto;
1116
+ min-width: 0;
1117
+ }
1118
+ adw-action-row .adw-row-title {
1119
+ font-size: var(--font-size-base);
1120
+ color: var(--card-fg-color);
1121
+ white-space: nowrap;
1122
+ overflow: hidden;
1123
+ text-overflow: ellipsis;
1124
+ }
1125
+ adw-action-row .adw-row-subtitle {
1126
+ font-size: var(--font-size-small);
1127
+ opacity: var(--dim-opacity);
1128
+ color: var(--card-fg-color);
1129
+ white-space: nowrap;
1130
+ overflow: hidden;
1131
+ text-overflow: ellipsis;
1132
+ }
1133
+
1134
+ adw-entry-row {
1135
+ display: flex;
1136
+ align-items: center;
1137
+ gap: var(--spacing-m);
1138
+ min-height: 50px;
1139
+ padding: var(--spacing-xs) var(--spacing-m);
1140
+ border-bottom: 1px solid var(--card-shade-color);
1141
+ }
1142
+ adw-entry-row:last-child {
1143
+ border-bottom: none;
1144
+ }
1145
+ adw-entry-row:focus-within {
1146
+ box-shadow: inset 0 0 0 2px var(--accent-color);
1147
+ }
1148
+ adw-entry-row .adw-entry-row-text {
1149
+ display: flex;
1150
+ flex-direction: column;
1151
+ justify-content: center;
1152
+ flex: 1 1 auto;
1153
+ min-width: 0;
1154
+ gap: 1px;
1155
+ }
1156
+ adw-entry-row .adw-row-title {
1157
+ font-size: var(--font-size-small);
1158
+ color: var(--card-fg-color);
1159
+ opacity: var(--dim-opacity);
1160
+ }
1161
+ adw-entry-row .adw-entry-row-input {
1162
+ width: 100%;
1163
+ min-width: 0;
1164
+ border: none;
1165
+ background: transparent;
1166
+ color: var(--card-fg-color);
1167
+ font-family: var(--font-family);
1168
+ font-size: var(--font-size-base);
1169
+ text-align: left;
1170
+ outline: none;
1171
+ padding: 0;
1172
+ }
1173
+
1174
+ adw-switch-row .adw-row-title {
1175
+ font-size: var(--font-size-base);
1176
+ color: var(--card-fg-color);
1177
+ }
1178
+ adw-switch-row .adw-switch {
1179
+ position: relative;
1180
+ display: inline-block;
1181
+ width: 44px;
1182
+ height: 24px;
1183
+ flex-shrink: 0;
1184
+ }
1185
+ adw-switch-row .adw-switch input {
1186
+ opacity: 0;
1187
+ width: 0;
1188
+ height: 0;
1189
+ position: absolute;
1190
+ }
1191
+ adw-switch-row .adw-switch-slider {
1192
+ position: absolute;
1193
+ cursor: pointer;
1194
+ inset: 0;
1195
+ background-color: var(--switch-off-bg);
1196
+ border-radius: 12px;
1197
+ transition: background-color 0.15s ease-out;
1198
+ }
1199
+ adw-switch-row .adw-switch-slider::before {
1200
+ content: "";
1201
+ position: absolute;
1202
+ height: 20px;
1203
+ width: 20px;
1204
+ left: 2px;
1205
+ bottom: 2px;
1206
+ background-color: var(--switch-knob-bg);
1207
+ border-radius: 50%;
1208
+ transition: transform 0.15s ease-out;
1209
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1210
+ }
1211
+ adw-switch-row .adw-switch input:checked + .adw-switch-slider {
1212
+ background-color: var(--accent-bg-color);
1213
+ }
1214
+ adw-switch-row .adw-switch input:checked + .adw-switch-slider::before {
1215
+ transform: translateX(20px);
1216
+ }
1217
+ adw-switch-row .adw-switch input:focus-visible + .adw-switch-slider {
1218
+ outline: 2px solid var(--accent-color);
1219
+ outline-offset: 2px;
1220
+ }
1221
+
1222
+ adw-combo-row {
1223
+ position: relative;
1224
+ cursor: pointer;
1225
+ }
1226
+ adw-combo-row .adw-row-title {
1227
+ font-size: var(--font-size-base);
1228
+ color: var(--card-fg-color);
1229
+ pointer-events: none;
1230
+ }
1231
+ adw-combo-row select {
1232
+ appearance: none;
1233
+ -webkit-appearance: none;
1234
+ background-color: transparent;
1235
+ border: none;
1236
+ padding: 6px 24px 6px 8px;
1237
+ font-family: var(--font-family);
1238
+ font-size: var(--font-size-base);
1239
+ color: var(--card-fg-color);
1240
+ cursor: pointer;
1241
+ text-align: right;
1242
+ position: absolute;
1243
+ inset: 0;
1244
+ opacity: 0;
1245
+ width: 100%;
1246
+ height: 100%;
1247
+ z-index: 1;
1248
+ }
1249
+ adw-combo-row select:focus-visible {
1250
+ outline: 2px solid var(--accent-color);
1251
+ outline-offset: -1px;
1252
+ }
1253
+ adw-combo-row select option {
1254
+ background-color: var(--window-bg-color);
1255
+ color: var(--window-fg-color);
1256
+ }
1257
+ adw-combo-row .adw-row-value {
1258
+ font-size: var(--font-size-base);
1259
+ color: var(--card-fg-color);
1260
+ opacity: var(--dim-opacity);
1261
+ display: flex;
1262
+ align-items: center;
1263
+ gap: 4px;
1264
+ }
1265
+ adw-combo-row .adw-row-value::after {
1266
+ content: "";
1267
+ display: inline-block;
1268
+ width: 12px;
1269
+ height: 12px;
1270
+ background-color: currentColor;
1271
+ -webkit-mask-image: var(--icon-go-down);
1272
+ mask-image: var(--icon-go-down);
1273
+ -webkit-mask-repeat: no-repeat;
1274
+ mask-repeat: no-repeat;
1275
+ -webkit-mask-size: contain;
1276
+ mask-size: contain;
1277
+ -webkit-mask-position: center;
1278
+ mask-position: center;
1279
+ }
1280
+
1281
+ adw-spin-row {
1282
+ display: flex;
1283
+ align-items: center;
1284
+ justify-content: space-between;
1285
+ min-height: 50px;
1286
+ padding: var(--spacing-s) var(--spacing-m);
1287
+ gap: var(--spacing-m);
1288
+ border-bottom: 1px solid var(--card-shade-color);
1289
+ }
1290
+ adw-spin-row:last-child {
1291
+ border-bottom: none;
1292
+ }
1293
+ adw-spin-row .adw-row-title {
1294
+ font-size: var(--font-size-base);
1295
+ color: var(--card-fg-color);
1296
+ }
1297
+
1298
+ .adw-spin-control {
1299
+ display: flex;
1300
+ align-items: center;
1301
+ gap: 2px;
1302
+ }
1303
+ .adw-spin-control button {
1304
+ width: 32px;
1305
+ height: 32px;
1306
+ border: none;
1307
+ border-radius: var(--button-radius);
1308
+ background: transparent;
1309
+ color: var(--card-fg-color);
1310
+ cursor: pointer;
1311
+ font-size: 16px;
1312
+ display: flex;
1313
+ align-items: center;
1314
+ justify-content: center;
1315
+ flex-shrink: 0;
1316
+ }
1317
+ .adw-spin-control button:hover {
1318
+ background: rgba(128, 128, 128, 0.15);
1319
+ }
1320
+ .adw-spin-control input {
1321
+ width: 56px;
1322
+ text-align: center;
1323
+ border: none;
1324
+ border-radius: var(--button-radius);
1325
+ background: rgba(128, 128, 128, 0.1);
1326
+ color: var(--card-fg-color);
1327
+ font-family: var(--font-family);
1328
+ font-size: var(--font-size-base);
1329
+ padding: 4px 2px;
1330
+ }
1331
+ .adw-spin-control input:focus {
1332
+ outline: 2px solid var(--accent-color);
1333
+ outline-offset: -1px;
1334
+ }
1335
+
1336
+ adw-button-row {
1337
+ display: flex;
1338
+ align-items: center;
1339
+ justify-content: center;
1340
+ width: 100%;
1341
+ min-height: 50px;
1342
+ padding: var(--spacing-xs) var(--spacing-m);
1343
+ border-bottom: 1px solid var(--card-shade-color);
1344
+ color: var(--card-fg-color);
1345
+ cursor: pointer;
1346
+ transition: background-color 0.1s ease;
1347
+ }
1348
+ adw-button-row:last-child {
1349
+ border-bottom: none;
1350
+ }
1351
+ adw-button-row .adw-button-row-contents {
1352
+ display: flex;
1353
+ align-items: center;
1354
+ justify-content: center;
1355
+ gap: var(--spacing-xs);
1356
+ min-width: 0;
1357
+ }
1358
+ adw-button-row .adw-button-row-title {
1359
+ font-size: var(--font-size-base);
1360
+ font-weight: 700;
1361
+ text-align: center;
1362
+ color: inherit;
1363
+ white-space: nowrap;
1364
+ overflow: hidden;
1365
+ text-overflow: ellipsis;
1366
+ }
1367
+ adw-button-row.activatable:hover {
1368
+ background-color: var(--button-hover-color);
1369
+ }
1370
+ adw-button-row.activatable:active {
1371
+ background-color: var(--button-active-color);
1372
+ }
1373
+ adw-button-row.suggested-action {
1374
+ background-color: var(--accent-bg-color);
1375
+ color: var(--accent-fg-color);
1376
+ border-bottom: none;
1377
+ }
1378
+ adw-button-row.suggested-action.activatable:hover {
1379
+ background-color: var(--accent-bg-color);
1380
+ background-image: linear-gradient(color-mix(in srgb, currentColor 10%, transparent), color-mix(in srgb, currentColor 10%, transparent));
1381
+ }
1382
+ adw-button-row.suggested-action.activatable:active {
1383
+ background-color: var(--accent-bg-color);
1384
+ background-image: linear-gradient(rgba(0, 0, 6, 0.2), rgba(0, 0, 6, 0.2));
1385
+ }
1386
+ adw-button-row.destructive-action {
1387
+ background-color: var(--destructive-bg-color);
1388
+ color: var(--destructive-fg-color);
1389
+ border-bottom: none;
1390
+ }
1391
+ adw-button-row.destructive-action.activatable:hover {
1392
+ background-color: var(--destructive-bg-color);
1393
+ background-image: linear-gradient(color-mix(in srgb, currentColor 10%, transparent), color-mix(in srgb, currentColor 10%, transparent));
1394
+ }
1395
+ adw-button-row.destructive-action.activatable:active {
1396
+ background-color: var(--destructive-bg-color);
1397
+ background-image: linear-gradient(rgba(0, 0, 6, 0.2), rgba(0, 0, 6, 0.2));
1398
+ }
1399
+
1400
+ adw-expander-row {
1401
+ display: block;
1402
+ border-bottom: 1px solid var(--card-shade-color);
1403
+ color: var(--card-fg-color);
1404
+ }
1405
+ adw-expander-row:last-child {
1406
+ border-bottom: none;
1407
+ }
1408
+ adw-expander-row .adw-expander-row-header {
1409
+ display: flex;
1410
+ align-items: center;
1411
+ gap: var(--spacing-m);
1412
+ min-height: 50px;
1413
+ padding: var(--spacing-s) var(--spacing-m);
1414
+ cursor: pointer;
1415
+ }
1416
+ adw-expander-row .adw-expander-row-header:hover {
1417
+ background-color: var(--button-bg-color);
1418
+ }
1419
+ adw-expander-row .adw-expander-row-header:active {
1420
+ background-color: var(--button-active-color);
1421
+ }
1422
+ adw-expander-row .adw-row-title {
1423
+ font-size: var(--font-size-base);
1424
+ color: var(--card-fg-color);
1425
+ white-space: nowrap;
1426
+ overflow: hidden;
1427
+ text-overflow: ellipsis;
1428
+ }
1429
+ adw-expander-row .adw-expander-row-header > .adw-row-text {
1430
+ flex: 1;
1431
+ min-width: 0;
1432
+ }
1433
+ adw-expander-row .adw-expander-row-prefix,
1434
+ adw-expander-row .adw-expander-row-suffix {
1435
+ display: flex;
1436
+ align-items: center;
1437
+ gap: var(--spacing-s);
1438
+ flex-shrink: 0;
1439
+ }
1440
+ adw-expander-row .adw-expander-row-chevron {
1441
+ opacity: var(--dim-opacity);
1442
+ transform: rotate(0deg);
1443
+ transition: transform 0.2s ease-out;
1444
+ flex-shrink: 0;
1445
+ }
1446
+ adw-expander-row.expanded .adw-expander-row-chevron {
1447
+ transform: rotate(180deg);
1448
+ }
1449
+ adw-expander-row .adw-expander-row-enable-switch {
1450
+ position: relative;
1451
+ display: inline-block;
1452
+ width: 44px;
1453
+ height: 24px;
1454
+ flex-shrink: 0;
1455
+ }
1456
+ adw-expander-row .adw-expander-row-enable-switch input {
1457
+ opacity: 0;
1458
+ width: 0;
1459
+ height: 0;
1460
+ position: absolute;
1461
+ }
1462
+ adw-expander-row .adw-expander-row-enable-switch .adw-switch-slider {
1463
+ position: absolute;
1464
+ cursor: pointer;
1465
+ inset: 0;
1466
+ background-color: var(--switch-off-bg);
1467
+ border-radius: 12px;
1468
+ transition: background-color 0.15s ease-out;
1469
+ }
1470
+ adw-expander-row .adw-expander-row-enable-switch .adw-switch-slider::before {
1471
+ content: "";
1472
+ position: absolute;
1473
+ height: 20px;
1474
+ width: 20px;
1475
+ left: 2px;
1476
+ bottom: 2px;
1477
+ background-color: var(--switch-knob-bg);
1478
+ border-radius: 50%;
1479
+ transition: transform 0.15s ease-out;
1480
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1481
+ }
1482
+ adw-expander-row .adw-expander-row-enable-switch input:checked + .adw-switch-slider {
1483
+ background-color: var(--accent-bg-color);
1484
+ }
1485
+ adw-expander-row .adw-expander-row-enable-switch input:checked + .adw-switch-slider::before {
1486
+ transform: translateX(20px);
1487
+ }
1488
+ adw-expander-row .adw-expander-row-enable-switch input:focus-visible + .adw-switch-slider {
1489
+ outline: 2px solid var(--accent-color);
1490
+ outline-offset: 2px;
1491
+ }
1492
+ adw-expander-row .adw-expander-row-content {
1493
+ display: none;
1494
+ flex-direction: column;
1495
+ background-color: var(--window-bg-color);
1496
+ border-top: 1px solid var(--card-shade-color);
1497
+ }
1498
+ adw-expander-row .adw-expander-row-content.expanded {
1499
+ display: flex;
1500
+ }
1501
+ adw-expander-row .adw-expander-row-content > adw-action-row,
1502
+ adw-expander-row .adw-expander-row-content > adw-entry-row,
1503
+ adw-expander-row .adw-expander-row-content > adw-switch-row,
1504
+ adw-expander-row .adw-expander-row-content > adw-combo-row,
1505
+ adw-expander-row .adw-expander-row-content > adw-spin-row {
1506
+ padding-left: var(--spacing-xl);
1507
+ border-bottom: 1px solid var(--card-shade-color);
1508
+ }
1509
+ adw-expander-row .adw-expander-row-content > adw-action-row:last-child,
1510
+ adw-expander-row .adw-expander-row-content > adw-entry-row:last-child,
1511
+ adw-expander-row .adw-expander-row-content > adw-switch-row:last-child,
1512
+ adw-expander-row .adw-expander-row-content > adw-combo-row:last-child,
1513
+ adw-expander-row .adw-expander-row-content > adw-spin-row:last-child {
1514
+ border-bottom: none;
1515
+ }
1516
+
1517
+ adw-password-entry-row {
1518
+ display: flex;
1519
+ align-items: center;
1520
+ gap: var(--spacing-m);
1521
+ min-height: 50px;
1522
+ padding: var(--spacing-xs) var(--spacing-m);
1523
+ border-bottom: 1px solid var(--card-shade-color);
1524
+ }
1525
+ adw-password-entry-row:last-child {
1526
+ border-bottom: none;
1527
+ }
1528
+ adw-password-entry-row:focus-within {
1529
+ box-shadow: inset 0 0 0 2px var(--accent-color);
1530
+ }
1531
+ adw-password-entry-row .adw-password-entry-row-text {
1532
+ display: flex;
1533
+ flex-direction: column;
1534
+ justify-content: center;
1535
+ flex: 1 1 auto;
1536
+ min-width: 0;
1537
+ gap: 1px;
1538
+ }
1539
+ adw-password-entry-row .adw-row-title {
1540
+ font-size: var(--font-size-small);
1541
+ color: var(--card-fg-color);
1542
+ opacity: var(--dim-opacity);
1543
+ }
1544
+ adw-password-entry-row .adw-password-entry-row-input {
1545
+ width: 100%;
1546
+ min-width: 0;
1547
+ border: none;
1548
+ background: transparent;
1549
+ color: var(--card-fg-color);
1550
+ font-family: var(--font-family);
1551
+ font-size: var(--font-size-base);
1552
+ text-align: left;
1553
+ outline: none;
1554
+ padding: 0;
1555
+ }
1556
+ adw-password-entry-row .adw-password-entry-row-input[type=password] {
1557
+ letter-spacing: 0.125em;
1558
+ }
1559
+ adw-password-entry-row .adw-password-entry-row-toggle {
1560
+ flex-shrink: 0;
1561
+ align-self: center;
1562
+ }
1563
+
1564
+ adw-toast-overlay {
1565
+ position: relative;
1566
+ display: block;
1567
+ }
1568
+ adw-toast-overlay .adw-toast-overlay-content {
1569
+ width: 100%;
1570
+ height: 100%;
1571
+ }
1572
+ adw-toast-overlay .adw-toast-overlay-toasts {
1573
+ position: absolute;
1574
+ bottom: var(--spacing-m);
1575
+ left: 50%;
1576
+ transform: translateX(-50%);
1577
+ z-index: 9999;
1578
+ display: flex;
1579
+ flex-direction: column-reverse;
1580
+ gap: var(--spacing-s);
1581
+ align-items: center;
1582
+ pointer-events: none;
1583
+ }
1584
+
1585
+ .adw-toast {
1586
+ background-color: #3d3846;
1587
+ color: #ffffff;
1588
+ padding: var(--spacing-s) var(--spacing-m);
1589
+ border-radius: var(--card-radius);
1590
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.25);
1591
+ display: flex;
1592
+ align-items: center;
1593
+ gap: var(--spacing-s);
1594
+ width: max-content;
1595
+ max-width: 400px;
1596
+ min-height: 36px;
1597
+ pointer-events: auto;
1598
+ font-family: var(--font-family);
1599
+ font-size: var(--font-size-base);
1600
+ opacity: 0;
1601
+ transform: translateY(100%) scale(0.9);
1602
+ transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1), transform 0.2s cubic-bezier(0, 0, 0.2, 1);
1603
+ will-change: transform, opacity;
1604
+ }
1605
+ .adw-toast.visible {
1606
+ opacity: 1;
1607
+ transform: translateY(0) scale(1);
1608
+ }
1609
+ .adw-toast.hiding {
1610
+ opacity: 0;
1611
+ transform: translateY(100%) scale(0.9);
1612
+ transition-duration: 0.15s;
1613
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
1614
+ }
1615
+ .adw-toast .adw-toast-content-wrapper {
1616
+ flex: 1 1 auto;
1617
+ min-width: 0;
1618
+ }
1619
+ .adw-toast .adw-toast-title {
1620
+ font-weight: normal;
1621
+ line-height: 1.3;
1622
+ display: -webkit-box;
1623
+ -webkit-line-clamp: 2;
1624
+ -webkit-box-orient: vertical;
1625
+ overflow: hidden;
1626
+ text-overflow: ellipsis;
1627
+ }
1628
+ .adw-toast .adw-toast-action-button {
1629
+ flex-shrink: 0;
1630
+ box-sizing: border-box;
1631
+ margin: 0;
1632
+ padding: 4px var(--spacing-m);
1633
+ border: none;
1634
+ border-radius: var(--button-radius);
1635
+ background-color: rgba(255, 255, 255, 0.12);
1636
+ color: #ffffff;
1637
+ font-family: inherit;
1638
+ font-size: var(--font-size-base);
1639
+ font-weight: 700;
1640
+ line-height: 1;
1641
+ cursor: pointer;
1642
+ transition: background-color 150ms ease-in-out;
1643
+ }
1644
+ .adw-toast .adw-toast-action-button:hover {
1645
+ background-color: rgba(255, 255, 255, 0.2);
1646
+ }
1647
+ .adw-toast .adw-toast-action-button:active {
1648
+ background-color: rgba(255, 255, 255, 0.26);
1649
+ }
1650
+ .adw-toast .adw-toast-action-button:focus-visible {
1651
+ outline: 2px solid var(--accent-color);
1652
+ outline-offset: 1px;
1653
+ }
1654
+ .adw-toast .adw-toast-close-button {
1655
+ box-sizing: border-box;
1656
+ flex-shrink: 0;
1657
+ position: relative;
1658
+ width: 24px;
1659
+ height: 24px;
1660
+ margin: 0;
1661
+ padding: 0;
1662
+ border: none;
1663
+ border-radius: 9999px;
1664
+ background-color: transparent;
1665
+ color: #ffffff;
1666
+ cursor: pointer;
1667
+ opacity: 0.7;
1668
+ transition: background-color 150ms ease-in-out, opacity 150ms ease-in-out;
1669
+ }
1670
+ .adw-toast .adw-toast-close-button:hover {
1671
+ opacity: 1;
1672
+ background-color: rgba(255, 255, 255, 0.12);
1673
+ }
1674
+ .adw-toast .adw-toast-close-button:focus-visible {
1675
+ outline: 2px solid var(--accent-color);
1676
+ outline-offset: 1px;
1677
+ }
1678
+ .adw-toast .adw-toast-close-button::before, .adw-toast .adw-toast-close-button::after {
1679
+ content: "";
1680
+ position: absolute;
1681
+ top: 50%;
1682
+ left: 50%;
1683
+ width: 11px;
1684
+ height: 1.5px;
1685
+ background-color: currentColor;
1686
+ border-radius: 1px;
1687
+ }
1688
+ .adw-toast .adw-toast-close-button::before {
1689
+ transform: translate(-50%, -50%) rotate(45deg);
1690
+ }
1691
+ .adw-toast .adw-toast-close-button::after {
1692
+ transform: translate(-50%, -50%) rotate(-45deg);
1693
+ }
1694
+
1695
+ adw-toolbar-view {
1696
+ display: flex;
1697
+ flex-direction: column;
1698
+ min-height: 0;
1699
+ min-width: 0;
1700
+ flex: 1 1 auto;
1701
+ }
1702
+ adw-toolbar-view .adw-toolbar-view-top,
1703
+ adw-toolbar-view .adw-toolbar-view-bottom {
1704
+ flex-shrink: 0;
1705
+ display: flex;
1706
+ flex-direction: column;
1707
+ }
1708
+ adw-toolbar-view .adw-toolbar-view-content {
1709
+ flex: 1 1 auto;
1710
+ min-height: 0;
1711
+ min-width: 0;
1712
+ overflow: auto;
1713
+ display: flex;
1714
+ flex-direction: column;
1715
+ background-color: var(--window-bg-color);
1716
+ }
1717
+
1718
+ adw-wrap-box {
1719
+ display: flex;
1720
+ flex-direction: row;
1721
+ flex-wrap: wrap;
1722
+ justify-content: flex-start;
1723
+ align-items: flex-start;
1724
+ align-content: flex-start;
1725
+ }
1726
+
1727
+ adw-overlay-split-view {
1728
+ display: flex;
1729
+ flex-direction: row;
1730
+ flex: 1;
1731
+ min-height: 0;
1732
+ position: relative;
1733
+ overflow: hidden;
1734
+ }
1735
+ adw-overlay-split-view .adw-osv-sidebar {
1736
+ background-color: var(--sidebar-bg-color);
1737
+ overflow-y: auto;
1738
+ flex-shrink: 0;
1739
+ transition: transform 0.2s ease, opacity 0.2s ease, margin 0.2s ease;
1740
+ z-index: 10;
1741
+ align-self: stretch;
1742
+ }
1743
+ adw-overlay-split-view .adw-osv-content {
1744
+ flex: 1;
1745
+ min-width: 0;
1746
+ min-height: 0;
1747
+ display: flex;
1748
+ flex-direction: column;
1749
+ align-self: stretch;
1750
+ }
1751
+ adw-overlay-split-view:not(.collapsed) .adw-osv-sidebar {
1752
+ position: relative;
1753
+ }
1754
+ adw-overlay-split-view:not(.collapsed):not(.show-sidebar) .adw-osv-sidebar {
1755
+ transform: translateX(-100%);
1756
+ opacity: 0;
1757
+ pointer-events: none;
1758
+ }
1759
+ adw-overlay-split-view:not(.collapsed).sidebar-end .adw-osv-content {
1760
+ order: 1;
1761
+ }
1762
+ adw-overlay-split-view:not(.collapsed).sidebar-end .adw-osv-sidebar {
1763
+ order: 2;
1764
+ border-inline-start: 1px solid var(--separator-color);
1765
+ }
1766
+ adw-overlay-split-view:not(.collapsed):not(.show-sidebar).sidebar-end .adw-osv-sidebar {
1767
+ transform: translateX(100%);
1768
+ }
1769
+ adw-overlay-split-view.collapsed .adw-osv-sidebar {
1770
+ position: absolute;
1771
+ top: 0;
1772
+ bottom: 0;
1773
+ left: 0;
1774
+ transform: translateX(-100%);
1775
+ opacity: 0;
1776
+ pointer-events: none;
1777
+ }
1778
+ adw-overlay-split-view.collapsed.sidebar-end .adw-osv-sidebar {
1779
+ left: auto;
1780
+ right: 0;
1781
+ transform: translateX(100%);
1782
+ }
1783
+ adw-overlay-split-view.collapsed.show-sidebar .adw-osv-sidebar {
1784
+ transform: translateX(0);
1785
+ opacity: 1;
1786
+ pointer-events: auto;
1787
+ }
1788
+ adw-overlay-split-view .adw-osv-backdrop {
1789
+ display: none;
1790
+ }
1791
+ adw-overlay-split-view.collapsed.show-sidebar .adw-osv-backdrop {
1792
+ display: block;
1793
+ position: absolute;
1794
+ inset: 0;
1795
+ background: rgba(0, 0, 0, 0.3);
1796
+ z-index: 9;
1797
+ }
1798
+
1799
+ .adw-sidebar-content {
1800
+ padding: var(--spacing-m);
1801
+ display: flex;
1802
+ flex-direction: column;
1803
+ gap: var(--spacing-m);
1804
+ }
1805
+
1806
+ .adw-sidebar-toggle-icon::after {
1807
+ content: "";
1808
+ position: absolute;
1809
+ inset: 0;
1810
+ background-color: currentColor;
1811
+ -webkit-mask-image: var(--icon-sidebar-show);
1812
+ mask-image: var(--icon-sidebar-show);
1813
+ -webkit-mask-repeat: no-repeat;
1814
+ mask-repeat: no-repeat;
1815
+ -webkit-mask-size: 16px 16px;
1816
+ mask-size: 16px 16px;
1817
+ -webkit-mask-position: center;
1818
+ mask-position: center;
1819
+ pointer-events: none;
1820
+ }
1821
+
1822
+ adw-navigation-split-view {
1823
+ display: flex;
1824
+ flex-direction: row;
1825
+ min-height: 0;
1826
+ min-width: 0;
1827
+ flex: 1 1 auto;
1828
+ }
1829
+ adw-navigation-split-view .adw-nsv-sidebar {
1830
+ display: flex;
1831
+ flex-direction: column;
1832
+ min-height: 0;
1833
+ flex-shrink: 0;
1834
+ border-right: 1px solid var(--separator-color);
1835
+ background-color: var(--sidebar-bg-color);
1836
+ }
1837
+ adw-navigation-split-view .adw-nsv-content {
1838
+ display: flex;
1839
+ flex-direction: column;
1840
+ min-width: 0;
1841
+ min-height: 0;
1842
+ flex: 1 1 auto;
1843
+ background-color: var(--window-bg-color);
1844
+ }
1845
+ adw-navigation-split-view.collapsed.show-content .adw-nsv-sidebar {
1846
+ display: none;
1847
+ }
1848
+ adw-navigation-split-view.collapsed:not(.show-content) .adw-nsv-content {
1849
+ display: none;
1850
+ }
1851
+ adw-navigation-split-view.collapsed:not(.show-content) .adw-nsv-sidebar {
1852
+ flex: 1 1 auto;
1853
+ max-width: none;
1854
+ border-right: none;
1855
+ }
1856
+
1857
+ adw-carousel {
1858
+ display: block;
1859
+ overflow: hidden;
1860
+ }
1861
+ adw-carousel .adw-carousel-track {
1862
+ display: flex;
1863
+ flex-direction: row;
1864
+ height: 100%;
1865
+ overflow-x: auto;
1866
+ scroll-snap-type: x mandatory;
1867
+ scrollbar-width: none;
1868
+ -ms-overflow-style: none;
1869
+ }
1870
+ adw-carousel .adw-carousel-track::-webkit-scrollbar {
1871
+ display: none;
1872
+ }
1873
+ adw-carousel .adw-carousel-page {
1874
+ flex: 0 0 100%;
1875
+ box-sizing: border-box;
1876
+ display: flex;
1877
+ align-items: center;
1878
+ justify-content: center;
1879
+ scroll-snap-align: start;
1880
+ scroll-snap-stop: always;
1881
+ }
1882
+
1883
+ adw-carousel-indicator-dots,
1884
+ adw-carousel-indicator-lines {
1885
+ display: flex;
1886
+ align-items: center;
1887
+ justify-content: center;
1888
+ padding: var(--spacing-xs);
1889
+ }
1890
+ adw-carousel-indicator-dots button,
1891
+ adw-carousel-indicator-lines button {
1892
+ appearance: none;
1893
+ -webkit-appearance: none;
1894
+ margin: 0;
1895
+ padding: 0;
1896
+ border: none;
1897
+ background: none;
1898
+ cursor: pointer;
1899
+ flex: 0 0 auto;
1900
+ }
1901
+
1902
+ adw-carousel-indicator-dots {
1903
+ gap: 7px;
1904
+ }
1905
+ adw-carousel-indicator-dots .adw-carousel-dot {
1906
+ width: 8px;
1907
+ height: 8px;
1908
+ display: flex;
1909
+ align-items: center;
1910
+ justify-content: center;
1911
+ }
1912
+ adw-carousel-indicator-dots .adw-carousel-dot::before {
1913
+ content: "";
1914
+ display: block;
1915
+ width: calc(6px + 2px * var(--adw-carousel-progress, 0));
1916
+ height: calc(6px + 2px * var(--adw-carousel-progress, 0));
1917
+ border-radius: 50%;
1918
+ background-color: var(--window-fg-color);
1919
+ opacity: calc(0.3 + 0.6 * var(--adw-carousel-progress, 0));
1920
+ transition: width 0.2s ease, height 0.2s ease, opacity 0.2s ease, background-color 0.2s ease;
1921
+ }
1922
+ adw-carousel-indicator-dots .adw-carousel-dot.active::before {
1923
+ background-color: var(--window-fg-color);
1924
+ }
1925
+
1926
+ adw-carousel-indicator-lines {
1927
+ gap: 5px;
1928
+ }
1929
+ adw-carousel-indicator-lines .adw-carousel-line {
1930
+ width: 35px;
1931
+ height: 3px;
1932
+ border-radius: 1.5px;
1933
+ background-color: var(--window-fg-color);
1934
+ opacity: calc(0.3 + 0.6 * var(--adw-carousel-progress, 0));
1935
+ transition: opacity 0.2s ease, background-color 0.2s ease;
1936
+ }
1937
+ adw-carousel-indicator-lines .adw-carousel-line.active {
1938
+ background-color: var(--window-fg-color);
1939
+ }
1940
+
1941
+ adw-tab-view {
1942
+ display: flex;
1943
+ flex-direction: column;
1944
+ box-sizing: border-box;
1945
+ overflow: hidden;
1946
+ background-color: var(--window-bg-color);
1947
+ color: var(--window-fg-color);
1948
+ }
1949
+ adw-tab-view .adw-tab-bar {
1950
+ display: flex;
1951
+ align-items: flex-end;
1952
+ flex-shrink: 0;
1953
+ box-sizing: border-box;
1954
+ padding: 0 var(--spacing-xs);
1955
+ background-color: var(--headerbar-bg-color);
1956
+ color: var(--headerbar-fg-color);
1957
+ box-shadow: inset 0 -1px var(--headerbar-shade-color);
1958
+ overflow-x: auto;
1959
+ scrollbar-width: thin;
1960
+ }
1961
+ adw-tab-view .adw-tab-bar[hidden] {
1962
+ display: none;
1963
+ }
1964
+ adw-tab-view .adw-tab-box {
1965
+ display: flex;
1966
+ align-items: stretch;
1967
+ gap: var(--spacing-xs);
1968
+ padding: var(--spacing-xs) 0;
1969
+ min-height: 34px;
1970
+ }
1971
+ adw-tab-view .adw-tab {
1972
+ box-sizing: border-box;
1973
+ display: inline-flex;
1974
+ align-items: center;
1975
+ gap: var(--spacing-xs);
1976
+ max-width: 200px;
1977
+ min-height: 26px;
1978
+ margin: 0;
1979
+ padding: 4px var(--spacing-s);
1980
+ border: none;
1981
+ border-radius: var(--button-radius);
1982
+ background-color: transparent;
1983
+ color: var(--headerbar-fg-color);
1984
+ font-family: var(--font-family);
1985
+ font-size: var(--font-size-base);
1986
+ font-weight: 700;
1987
+ line-height: 1;
1988
+ cursor: pointer;
1989
+ user-select: none;
1990
+ -webkit-user-select: none;
1991
+ transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 150ms ease-in-out;
1992
+ }
1993
+ adw-tab-view .adw-tab:hover {
1994
+ background-color: var(--button-hover-color);
1995
+ }
1996
+ adw-tab-view .adw-tab:active {
1997
+ background-color: var(--button-active-color, var(--button-hover-color));
1998
+ }
1999
+ adw-tab-view .adw-tab:focus-visible {
2000
+ outline: 2px solid var(--accent-color);
2001
+ outline-offset: -1px;
2002
+ }
2003
+ adw-tab-view .adw-tab.active {
2004
+ background-color: var(--view-bg-color);
2005
+ color: var(--view-fg-color);
2006
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 6, 0.07), 0 2px 6px 2px rgba(0, 0, 6, 0.03);
2007
+ }
2008
+ adw-tab-view .adw-tab.active:hover {
2009
+ background-color: var(--view-bg-color);
2010
+ }
2011
+ adw-tab-view .adw-tab-title {
2012
+ white-space: nowrap;
2013
+ overflow: hidden;
2014
+ text-overflow: ellipsis;
2015
+ min-width: 0;
2016
+ }
2017
+ adw-tab-view .adw-tab-close {
2018
+ box-sizing: border-box;
2019
+ flex-shrink: 0;
2020
+ position: relative;
2021
+ width: 18px;
2022
+ height: 18px;
2023
+ margin: 0;
2024
+ padding: 0;
2025
+ border: none;
2026
+ border-radius: 9999px;
2027
+ background-color: transparent;
2028
+ color: inherit;
2029
+ cursor: pointer;
2030
+ opacity: 0.7;
2031
+ transition: background-color 150ms ease-in-out, opacity 150ms ease-in-out;
2032
+ }
2033
+ adw-tab-view .adw-tab-close:hover {
2034
+ opacity: 1;
2035
+ background-color: var(--button-hover-color);
2036
+ }
2037
+ adw-tab-view .adw-tab-close:focus-visible {
2038
+ outline: 2px solid var(--accent-color);
2039
+ outline-offset: 1px;
2040
+ }
2041
+ adw-tab-view .adw-tab-close::before, adw-tab-view .adw-tab-close::after {
2042
+ content: "";
2043
+ position: absolute;
2044
+ top: 50%;
2045
+ left: 50%;
2046
+ width: 9px;
2047
+ height: 1.5px;
2048
+ background-color: currentColor;
2049
+ border-radius: 1px;
2050
+ }
2051
+ adw-tab-view .adw-tab-close::before {
2052
+ transform: translate(-50%, -50%) rotate(45deg);
2053
+ }
2054
+ adw-tab-view .adw-tab-close::after {
2055
+ transform: translate(-50%, -50%) rotate(-45deg);
2056
+ }
2057
+ adw-tab-view .adw-tab-bar.single-tab .adw-tab, adw-tab-view .adw-tab-bar.single-tab .adw-tab:hover, adw-tab-view .adw-tab-bar.single-tab .adw-tab:active {
2058
+ background: none;
2059
+ box-shadow: none;
2060
+ color: var(--headerbar-fg-color);
2061
+ }
2062
+ adw-tab-view .adw-tab-view-pages {
2063
+ flex: 1 1 auto;
2064
+ position: relative;
2065
+ box-sizing: border-box;
2066
+ overflow: hidden;
2067
+ background-color: var(--view-bg-color);
2068
+ color: var(--view-fg-color);
2069
+ }
2070
+ adw-tab-view .adw-tab-page {
2071
+ box-sizing: border-box;
2072
+ width: 100%;
2073
+ height: 100%;
2074
+ overflow: auto;
2075
+ }
2076
+ adw-tab-view .adw-tab-page[hidden] {
2077
+ display: none;
2078
+ }
2079
+ adw-tab-view .adw-tab-page.active-page {
2080
+ display: block;
2081
+ }
2082
+
2083
+ adw-view-switcher {
2084
+ display: flex;
2085
+ flex-direction: column;
2086
+ box-sizing: border-box;
2087
+ }
2088
+ adw-view-switcher .adw-view-switcher-bar {
2089
+ display: flex;
2090
+ align-items: stretch;
2091
+ gap: 3px;
2092
+ min-height: 34px;
2093
+ }
2094
+ adw-view-switcher .adw-view-switcher-button {
2095
+ box-sizing: border-box;
2096
+ display: inline-flex;
2097
+ flex: 1 1 0;
2098
+ align-items: center;
2099
+ justify-content: center;
2100
+ margin: 0;
2101
+ padding: 2px 12px;
2102
+ border: none;
2103
+ border-radius: var(--button-radius);
2104
+ background-color: transparent;
2105
+ color: var(--window-fg-color);
2106
+ font-family: var(--font-family);
2107
+ font-size: var(--font-size-base);
2108
+ font-weight: 700;
2109
+ line-height: 1.2;
2110
+ cursor: pointer;
2111
+ transition: color 0.2s ease, background-color 0.2s ease;
2112
+ user-select: none;
2113
+ -webkit-user-select: none;
2114
+ }
2115
+ adw-view-switcher .adw-view-switcher-button .adw-icon {
2116
+ width: 16px;
2117
+ height: 16px;
2118
+ flex: none;
2119
+ }
2120
+ adw-view-switcher .adw-view-switcher-button .adw-view-switcher-label {
2121
+ white-space: nowrap;
2122
+ overflow: hidden;
2123
+ text-overflow: ellipsis;
2124
+ }
2125
+ adw-view-switcher .adw-view-switcher-button:hover {
2126
+ background-color: var(--button-hover-color);
2127
+ }
2128
+ adw-view-switcher .adw-view-switcher-button:active {
2129
+ background-color: var(--button-active-color);
2130
+ }
2131
+ adw-view-switcher .adw-view-switcher-button:focus-visible {
2132
+ outline: 2px solid var(--accent-color);
2133
+ outline-offset: -2px;
2134
+ }
2135
+ adw-view-switcher .adw-view-switcher-button.active {
2136
+ background-color: var(--button-active-color);
2137
+ color: var(--window-fg-color);
2138
+ }
2139
+ adw-view-switcher .adw-view-switcher-button.active:hover {
2140
+ background-color: var(--button-active-color);
2141
+ }
2142
+ adw-view-switcher.wide .adw-view-switcher-button {
2143
+ flex-direction: row;
2144
+ gap: var(--spacing-xs);
2145
+ }
2146
+ adw-view-switcher.narrow .adw-view-switcher-bar {
2147
+ min-height: 6px;
2148
+ }
2149
+ adw-view-switcher.narrow .adw-view-switcher-button {
2150
+ flex-direction: column;
2151
+ gap: 1px;
2152
+ padding-top: 4px;
2153
+ padding-bottom: 2px;
2154
+ font-size: 0.75rem;
2155
+ }
2156
+ adw-view-switcher.narrow .adw-view-switcher-button .adw-view-switcher-label {
2157
+ min-height: 18px;
2158
+ line-height: 18px;
2159
+ }
2160
+ adw-view-switcher .adw-view-switcher-content {
2161
+ flex: 1 1 auto;
2162
+ margin-top: var(--spacing-s);
2163
+ padding: var(--spacing-m);
2164
+ background-color: var(--view-bg-color);
2165
+ border: 1px solid var(--separator-color);
2166
+ border-radius: var(--card-radius);
2167
+ }
2168
+ adw-view-switcher .adw-view-switcher-page {
2169
+ display: none;
2170
+ }
2171
+ adw-view-switcher .adw-view-switcher-page.active-view {
2172
+ display: block;
2173
+ }
2174
+
2175
+ adw-inline-view-switcher {
2176
+ --group-padding: 3px;
2177
+ display: flex;
2178
+ flex-direction: column;
2179
+ align-items: center;
2180
+ }
2181
+ adw-inline-view-switcher .adw-inline-view-switcher-group {
2182
+ display: inline-flex;
2183
+ box-sizing: border-box;
2184
+ align-items: stretch;
2185
+ gap: var(--group-padding);
2186
+ padding: var(--group-padding);
2187
+ border-radius: var(--button-radius);
2188
+ background-color: var(--button-bg-color);
2189
+ }
2190
+ adw-inline-view-switcher .adw-inline-view-switcher-toggle {
2191
+ box-sizing: border-box;
2192
+ display: inline-flex;
2193
+ align-items: center;
2194
+ justify-content: center;
2195
+ gap: var(--spacing-xs);
2196
+ min-width: 34px;
2197
+ min-height: 28px;
2198
+ margin: 0;
2199
+ padding: 4px 11px;
2200
+ border: none;
2201
+ border-radius: calc(var(--button-radius) - var(--group-padding));
2202
+ background-color: transparent;
2203
+ color: var(--window-fg-color);
2204
+ font-family: var(--font-family);
2205
+ font-size: var(--font-size-base);
2206
+ font-weight: 700;
2207
+ line-height: 1;
2208
+ cursor: pointer;
2209
+ transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
2210
+ user-select: none;
2211
+ -webkit-user-select: none;
2212
+ }
2213
+ adw-inline-view-switcher .adw-inline-view-switcher-toggle:hover {
2214
+ background-color: var(--button-hover-color);
2215
+ }
2216
+ adw-inline-view-switcher .adw-inline-view-switcher-toggle:active {
2217
+ background-color: var(--button-active-color);
2218
+ }
2219
+ adw-inline-view-switcher .adw-inline-view-switcher-toggle:focus-visible {
2220
+ outline: 2px solid var(--accent-color);
2221
+ outline-offset: 1px;
2222
+ }
2223
+ adw-inline-view-switcher .adw-inline-view-switcher-toggle.active {
2224
+ background-color: var(--active-toggle-bg-color);
2225
+ color: var(--active-toggle-fg-color);
2226
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 6, 0.07), 0 2px 6px 2px rgba(0, 0, 6, 0.03);
2227
+ }
2228
+ adw-inline-view-switcher .adw-inline-view-switcher-toggle.active:hover {
2229
+ background-color: var(--active-toggle-bg-color);
2230
+ }
2231
+ adw-inline-view-switcher .adw-inline-view-switcher-icon {
2232
+ display: inline-block;
2233
+ width: 16px;
2234
+ height: 16px;
2235
+ flex: none;
2236
+ background-color: currentColor;
2237
+ mask-size: contain;
2238
+ mask-repeat: no-repeat;
2239
+ mask-position: center;
2240
+ -webkit-mask-size: contain;
2241
+ -webkit-mask-repeat: no-repeat;
2242
+ -webkit-mask-position: center;
2243
+ }
2244
+ adw-inline-view-switcher .adw-inline-view-switcher-label {
2245
+ white-space: nowrap;
2246
+ }
2247
+ adw-inline-view-switcher .adw-inline-view-switcher-pages {
2248
+ width: 100%;
2249
+ }
2250
+ adw-inline-view-switcher .adw-inline-view-switcher-page:not(.active-view) {
2251
+ display: none;
2252
+ }
2253
+ adw-inline-view-switcher .adw-inline-view-switcher-group.icons .adw-inline-view-switcher-toggle {
2254
+ min-width: 34px;
2255
+ padding-left: 0;
2256
+ padding-right: 0;
2257
+ }
2258
+ adw-inline-view-switcher .adw-inline-view-switcher-group.labels .adw-inline-view-switcher-toggle {
2259
+ min-width: calc(18px + var(--group-padding) * 2);
2260
+ }
2261
+ adw-inline-view-switcher.round .adw-inline-view-switcher-group {
2262
+ border-radius: 17px;
2263
+ }
2264
+ adw-inline-view-switcher.round .adw-inline-view-switcher-toggle {
2265
+ border-radius: calc(17px - var(--group-padding));
2266
+ padding-left: calc(15px - var(--group-padding));
2267
+ padding-right: calc(15px - var(--group-padding));
2268
+ }
2269
+ adw-inline-view-switcher.flat {
2270
+ --group-padding: 0px;
2271
+ }
2272
+ adw-inline-view-switcher.flat .adw-inline-view-switcher-group {
2273
+ padding: 0;
2274
+ background: none;
2275
+ }
2276
+ adw-inline-view-switcher.flat .adw-inline-view-switcher-toggle {
2277
+ border-radius: var(--button-radius);
2278
+ }
2279
+ adw-inline-view-switcher.flat .adw-inline-view-switcher-toggle.active {
2280
+ background-color: var(--button-active-color);
2281
+ color: inherit;
2282
+ box-shadow: none;
2283
+ }
2284
+ adw-inline-view-switcher.flat .adw-inline-view-switcher-toggle.active:hover {
2285
+ background-color: var(--button-active-color);
2286
+ }
2287
+ adw-inline-view-switcher.flat.round .adw-inline-view-switcher-toggle {
2288
+ border-radius: 17px;
2289
+ }
2290
+
2291
+ adw-navigation-view {
2292
+ display: flex;
2293
+ flex-direction: column;
2294
+ box-sizing: border-box;
2295
+ position: relative;
2296
+ overflow: hidden;
2297
+ background-color: var(--window-bg-color);
2298
+ color: var(--window-fg-color);
2299
+ }
2300
+ adw-navigation-view .adw-navigation-view-pages {
2301
+ flex: 1 1 auto;
2302
+ position: relative;
2303
+ box-sizing: border-box;
2304
+ min-height: 0;
2305
+ overflow: hidden;
2306
+ }
2307
+ adw-navigation-view .adw-navigation-page {
2308
+ box-sizing: border-box;
2309
+ position: absolute;
2310
+ inset: 0;
2311
+ display: flex;
2312
+ flex-direction: column;
2313
+ overflow: auto;
2314
+ background-color: var(--window-bg-color);
2315
+ color: var(--window-fg-color);
2316
+ }
2317
+ adw-navigation-view .adw-navigation-page[hidden] {
2318
+ display: none;
2319
+ }
2320
+ adw-navigation-view .adw-navigation-page.visible-page {
2321
+ display: flex;
2322
+ }
2323
+ adw-navigation-view .adw-navigation-page > * {
2324
+ flex: 1 1 auto;
2325
+ min-height: 0;
2326
+ }
2327
+ adw-navigation-view .adw-navigation-back-button {
2328
+ flex-shrink: 0;
2329
+ }
2330
+ adw-navigation-view.animated .adw-navigation-page.visible-page {
2331
+ animation: adw-navigation-page-in 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
2332
+ }
2333
+
2334
+ @keyframes adw-navigation-page-in {
2335
+ from {
2336
+ opacity: 0;
2337
+ transform: translateX(12px);
2338
+ }
2339
+ to {
2340
+ opacity: 1;
2341
+ transform: translateX(0);
2342
+ }
2343
+ }
2344
+ adw-bottom-sheet {
2345
+ display: block;
2346
+ position: relative;
2347
+ box-sizing: border-box;
2348
+ overflow: hidden;
2349
+ background-color: var(--window-bg-color);
2350
+ color: var(--window-fg-color);
2351
+ }
2352
+ adw-bottom-sheet .adw-bottom-sheet-content {
2353
+ box-sizing: border-box;
2354
+ width: 100%;
2355
+ height: 100%;
2356
+ }
2357
+ adw-bottom-sheet .adw-bottom-sheet-dimming {
2358
+ position: absolute;
2359
+ inset: 0;
2360
+ box-sizing: border-box;
2361
+ background-color: rgba(0, 0, 6, 0.32);
2362
+ opacity: 0;
2363
+ visibility: hidden;
2364
+ pointer-events: none;
2365
+ transition: opacity 200ms ease, visibility 0s linear 200ms;
2366
+ }
2367
+ adw-bottom-sheet .adw-bottom-sheet-dimming.visible {
2368
+ opacity: 1;
2369
+ visibility: visible;
2370
+ pointer-events: auto;
2371
+ transition: opacity 200ms ease, visibility 0s;
2372
+ }
2373
+ adw-bottom-sheet .adw-bottom-sheet-sheet {
2374
+ position: absolute;
2375
+ left: 0;
2376
+ right: 0;
2377
+ bottom: 0;
2378
+ box-sizing: border-box;
2379
+ max-height: 100%;
2380
+ overflow: auto;
2381
+ background-color: var(--view-bg-color);
2382
+ color: var(--view-fg-color);
2383
+ border-top-left-radius: var(--window-radius);
2384
+ border-top-right-radius: var(--window-radius);
2385
+ box-shadow: 0 0 14px 2px rgba(0, 0, 6, 0.03), 0 0 5px 2px rgba(0, 0, 6, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
2386
+ transform: translateY(100%);
2387
+ transition: transform 250ms ease, box-shadow 250ms ease;
2388
+ will-change: transform;
2389
+ }
2390
+ adw-bottom-sheet .adw-bottom-sheet-drag-handle {
2391
+ flex-shrink: 0;
2392
+ box-sizing: border-box;
2393
+ width: 54px;
2394
+ min-height: 6px;
2395
+ height: 6px;
2396
+ margin: 15px auto;
2397
+ border-radius: 99px;
2398
+ background-color: color-mix(in srgb, currentColor 25%, transparent);
2399
+ cursor: pointer;
2400
+ }
2401
+ adw-bottom-sheet .adw-bottom-sheet-drag-handle:focus-visible {
2402
+ outline: 2px solid var(--accent-color);
2403
+ outline-offset: 4px;
2404
+ }
2405
+ adw-bottom-sheet .adw-bottom-sheet-sheet-body {
2406
+ box-sizing: border-box;
2407
+ }
2408
+ adw-bottom-sheet.open .adw-bottom-sheet-sheet {
2409
+ transform: translateY(0);
2410
+ }
2411
+ adw-bottom-sheet:not(.modal) .adw-bottom-sheet-dimming {
2412
+ display: none;
2413
+ }
2414
+
2415
+ adw-sidebar {
2416
+ display: block;
2417
+ box-sizing: border-box;
2418
+ overflow-y: auto;
2419
+ background-color: var(--sidebar-bg-color, var(--window-bg-color));
2420
+ color: var(--sidebar-fg-color, var(--window-fg-color));
2421
+ }
2422
+ adw-sidebar .adw-sidebar-list {
2423
+ display: flex;
2424
+ flex-direction: column;
2425
+ box-sizing: border-box;
2426
+ padding: var(--spacing-xs) 0;
2427
+ }
2428
+ adw-sidebar .adw-sidebar-section {
2429
+ display: flex;
2430
+ flex-direction: column;
2431
+ }
2432
+ adw-sidebar .adw-sidebar-section-header[hidden] {
2433
+ display: none;
2434
+ }
2435
+ adw-sidebar .adw-sidebar-section-header.separator {
2436
+ height: 1px;
2437
+ margin: var(--spacing-xs) var(--spacing-s);
2438
+ background-color: var(--separator-color, var(--card-shade-color));
2439
+ }
2440
+ adw-sidebar .adw-sidebar-section-header.has-title {
2441
+ padding: var(--spacing-s) calc(var(--spacing-s) + 6px) var(--spacing-xs);
2442
+ }
2443
+ adw-sidebar .adw-sidebar-section-header.has-title.first {
2444
+ padding-top: 0;
2445
+ }
2446
+ adw-sidebar .adw-sidebar-section-heading {
2447
+ font-size: var(--font-size-small);
2448
+ font-weight: 700;
2449
+ opacity: var(--dim-opacity);
2450
+ white-space: nowrap;
2451
+ overflow: hidden;
2452
+ text-overflow: ellipsis;
2453
+ }
2454
+ adw-sidebar .adw-sidebar-item {
2455
+ box-sizing: border-box;
2456
+ display: flex;
2457
+ align-items: center;
2458
+ gap: var(--spacing-m);
2459
+ width: 100%;
2460
+ min-height: 36px;
2461
+ margin: 0 var(--spacing-xs) 2px;
2462
+ padding: 3px 14px;
2463
+ border: none;
2464
+ border-radius: var(--button-radius, 6px);
2465
+ background-color: transparent;
2466
+ color: inherit;
2467
+ font-family: var(--font-family);
2468
+ font-size: var(--font-size-base);
2469
+ text-align: start;
2470
+ cursor: pointer;
2471
+ user-select: none;
2472
+ -webkit-user-select: none;
2473
+ transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
2474
+ }
2475
+ adw-sidebar .adw-sidebar-item:hover {
2476
+ background-color: var(--button-hover-color);
2477
+ }
2478
+ adw-sidebar .adw-sidebar-item:active {
2479
+ background-color: var(--button-active-color, var(--button-hover-color));
2480
+ }
2481
+ adw-sidebar .adw-sidebar-item:focus-visible {
2482
+ outline: 2px solid var(--accent-color);
2483
+ outline-offset: -2px;
2484
+ }
2485
+ adw-sidebar .adw-sidebar-item.selected {
2486
+ background-color: var(--button-active-color);
2487
+ color: var(--window-fg-color);
2488
+ }
2489
+ adw-sidebar .adw-sidebar-item.selected:hover, adw-sidebar .adw-sidebar-item.selected:active {
2490
+ background-color: var(--button-active-color);
2491
+ }
2492
+ adw-sidebar .adw-sidebar-item-icon {
2493
+ flex-shrink: 0;
2494
+ }
2495
+ adw-sidebar .adw-sidebar-item-icon[hidden] {
2496
+ display: none;
2497
+ }
2498
+ adw-sidebar .adw-sidebar-item-text {
2499
+ display: flex;
2500
+ flex-direction: column;
2501
+ justify-content: center;
2502
+ flex: 1 1 auto;
2503
+ min-width: 0;
2504
+ }
2505
+ adw-sidebar .adw-sidebar-item-title {
2506
+ font-size: var(--font-size-base);
2507
+ white-space: nowrap;
2508
+ overflow: hidden;
2509
+ text-overflow: ellipsis;
2510
+ }
2511
+ adw-sidebar .adw-sidebar-item-title[hidden] {
2512
+ display: none;
2513
+ }
2514
+ adw-sidebar .adw-sidebar-item-subtitle {
2515
+ font-size: var(--font-size-small);
2516
+ opacity: var(--dim-opacity);
2517
+ white-space: nowrap;
2518
+ overflow: hidden;
2519
+ text-overflow: ellipsis;
2520
+ }
2521
+ adw-sidebar .adw-sidebar-item-subtitle[hidden] {
2522
+ display: none;
2523
+ }
2524
+ adw-sidebar .adw-sidebar-item-arrow {
2525
+ flex-shrink: 0;
2526
+ opacity: var(--dim-opacity);
2527
+ display: none;
2528
+ }
2529
+ adw-sidebar.page .adw-sidebar-list {
2530
+ padding: var(--spacing-m);
2531
+ gap: var(--spacing-xs);
2532
+ }
2533
+ adw-sidebar.page .adw-sidebar-section {
2534
+ border: 1px solid var(--card-shade-color);
2535
+ border-radius: var(--card-radius, 12px);
2536
+ background-color: var(--card-bg-color);
2537
+ color: var(--card-fg-color);
2538
+ overflow: hidden;
2539
+ }
2540
+ adw-sidebar.page .adw-sidebar-section-header.has-title {
2541
+ padding: var(--spacing-m) var(--spacing-xs) var(--spacing-xs);
2542
+ }
2543
+ adw-sidebar.page .adw-sidebar-section-header.has-title.first {
2544
+ padding-top: var(--spacing-m);
2545
+ }
2546
+ adw-sidebar.page .adw-sidebar-item {
2547
+ margin: 0;
2548
+ padding: var(--spacing-s) var(--spacing-m);
2549
+ border-radius: 0;
2550
+ border-bottom: 1px solid var(--card-shade-color);
2551
+ }
2552
+ adw-sidebar.page .adw-sidebar-item:last-child {
2553
+ border-bottom: none;
2554
+ }
2555
+ adw-sidebar.page .adw-sidebar-item.selected {
2556
+ background-color: transparent;
2557
+ color: var(--card-fg-color);
2558
+ }
2559
+ adw-sidebar.page .adw-sidebar-item.selected:hover {
2560
+ background-color: var(--button-hover-color);
2561
+ }
2562
+ adw-sidebar.page .adw-sidebar-item-arrow {
2563
+ display: inline-block;
2564
+ }
2565
+
2566
+ adw-about-dialog {
2567
+ display: none;
2568
+ }
2569
+ adw-about-dialog.open {
2570
+ display: block;
2571
+ }
2572
+ adw-about-dialog .adw-about-dialog-scrim {
2573
+ position: fixed;
2574
+ inset: 0;
2575
+ z-index: 1000;
2576
+ background-color: rgba(0, 0, 6, 0.32);
2577
+ animation: adw-about-dialog-scrim-in 200ms ease;
2578
+ }
2579
+ adw-about-dialog .adw-about-dialog-sheet {
2580
+ position: fixed;
2581
+ top: 50%;
2582
+ left: 50%;
2583
+ transform: translate(-50%, -50%);
2584
+ z-index: 1001;
2585
+ display: flex;
2586
+ flex-direction: column;
2587
+ box-sizing: border-box;
2588
+ width: 360px;
2589
+ max-width: calc(100vw - 48px);
2590
+ max-height: calc(100vh - 48px);
2591
+ overflow: hidden;
2592
+ background-color: var(--window-bg-color);
2593
+ color: var(--window-fg-color);
2594
+ border-radius: var(--window-radius);
2595
+ outline: 1px solid var(--separator-color);
2596
+ outline-offset: -1px;
2597
+ box-shadow: 0 0 14px 2px rgba(0, 0, 6, 0.03), 0 0 5px 2px rgba(0, 0, 6, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
2598
+ animation: adw-about-dialog-sheet-in 200ms cubic-bezier(0, 0, 0.2, 1);
2599
+ }
2600
+ adw-about-dialog .adw-about-dialog-sheet:focus {
2601
+ outline: 1px solid var(--separator-color);
2602
+ outline-offset: -1px;
2603
+ }
2604
+ adw-about-dialog adw-navigation-view,
2605
+ adw-about-dialog .adw-navigation-view-pages,
2606
+ adw-about-dialog .adw-navigation-page {
2607
+ display: flex;
2608
+ flex-direction: column;
2609
+ flex: 1 1 auto;
2610
+ min-height: 0;
2611
+ }
2612
+ adw-about-dialog .adw-about-dialog-toolbar-view {
342
2613
  display: flex;
2614
+ flex-direction: column;
2615
+ flex: 1 1 auto;
2616
+ min-height: 0;
2617
+ }
2618
+ adw-about-dialog adw-header-bar {
2619
+ background-color: transparent;
2620
+ box-shadow: none;
2621
+ min-height: 47px;
2622
+ }
2623
+ adw-about-dialog .adw-about-dialog-close {
2624
+ width: 34px;
2625
+ height: 34px;
2626
+ padding: 0;
2627
+ display: inline-flex;
343
2628
  align-items: center;
344
2629
  justify-content: center;
345
- flex-shrink: 0;
2630
+ font-size: 18px;
2631
+ line-height: 1;
346
2632
  }
347
- .adw-spin-control button:hover {
348
- background: rgba(128, 128, 128, 0.15);
2633
+ adw-about-dialog .adw-about-dialog-close::before {
2634
+ content: "×";
349
2635
  }
350
- .adw-spin-control input {
351
- width: 56px;
2636
+ adw-about-dialog .adw-about-dialog-scroll {
2637
+ flex: 1 1 auto;
2638
+ min-height: 0;
2639
+ overflow-y: auto;
2640
+ overflow-x: hidden;
2641
+ }
2642
+ adw-about-dialog .adw-about-dialog-clamp {
2643
+ width: 100%;
2644
+ max-width: 360px;
2645
+ margin-inline: auto;
2646
+ box-sizing: border-box;
2647
+ }
2648
+ adw-about-dialog .adw-about-dialog-page-body {
2649
+ display: flex;
2650
+ flex-direction: column;
2651
+ box-sizing: border-box;
2652
+ padding: 0 var(--spacing-m) var(--spacing-l);
2653
+ }
2654
+ adw-about-dialog .main-page adw-header-bar .adw-header-bar-title {
2655
+ opacity: 0;
2656
+ transition: opacity 150ms ease;
2657
+ }
2658
+ adw-about-dialog .main-page.scrolled adw-header-bar .adw-header-bar-title {
2659
+ opacity: 1;
2660
+ }
2661
+ adw-about-dialog .adw-about-dialog-icon {
2662
+ align-self: center;
2663
+ width: 96px;
2664
+ height: 96px;
2665
+ margin-top: var(--spacing-s);
2666
+ margin-bottom: var(--spacing-m);
2667
+ -webkit-mask-size: contain;
2668
+ mask-size: contain;
2669
+ background-color: currentColor;
2670
+ }
2671
+ adw-about-dialog .adw-about-dialog-name {
2672
+ align-self: center;
2673
+ text-align: center;
2674
+ font-size: 18pt;
2675
+ font-weight: 800;
2676
+ line-height: 1.2;
2677
+ margin-bottom: var(--spacing-xs);
2678
+ }
2679
+ adw-about-dialog .adw-about-dialog-developer {
2680
+ align-self: center;
352
2681
  text-align: center;
353
- border: none;
354
- border-radius: var(--button-radius);
355
- background: rgba(128, 128, 128, 0.1);
356
- color: var(--card-fg-color);
357
- font-family: var(--font-family);
358
2682
  font-size: var(--font-size-base);
359
- padding: 4px 2px;
2683
+ opacity: var(--dim-opacity);
2684
+ margin-bottom: var(--spacing-m);
360
2685
  }
361
- .adw-spin-control input:focus {
362
- outline: 2px solid var(--accent-color);
363
- outline-offset: -1px;
2686
+ adw-about-dialog .adw-about-dialog-version {
2687
+ align-self: center;
2688
+ padding: 2px 12px;
2689
+ margin-bottom: var(--spacing-l);
2690
+ border-radius: 99px;
2691
+ font-size: var(--font-size-small);
2692
+ line-height: 1.4;
2693
+ background-color: color-mix(in srgb, var(--accent-bg-color) 14%, transparent);
2694
+ color: var(--accent-color);
2695
+ }
2696
+ adw-about-dialog .adw-about-dialog-rows {
2697
+ width: 100%;
2698
+ margin-top: var(--spacing-m);
2699
+ }
2700
+ adw-about-dialog .adw-about-dialog-rows + .adw-about-dialog-rows {
2701
+ margin-top: var(--spacing-l);
2702
+ }
2703
+ adw-about-dialog .adw-about-dialog-chevron {
2704
+ width: 16px;
2705
+ height: 16px;
2706
+ opacity: var(--dim-opacity);
2707
+ }
2708
+ adw-about-dialog .adw-about-dialog-comments {
2709
+ margin: var(--spacing-s) 0 0;
2710
+ font-size: var(--font-size-base);
2711
+ line-height: 1.5;
2712
+ text-align: start;
2713
+ white-space: pre-wrap;
2714
+ }
2715
+ adw-about-dialog .adw-about-dialog-copyright {
2716
+ margin: var(--spacing-s) 0 0;
2717
+ font-size: var(--font-size-small);
2718
+ opacity: var(--dim-opacity);
2719
+ text-align: center;
2720
+ }
2721
+ adw-about-dialog .adw-about-dialog-license {
2722
+ margin: var(--spacing-s) 0 0;
2723
+ font-size: var(--font-size-small);
2724
+ opacity: var(--dim-opacity);
2725
+ text-align: center;
2726
+ }
2727
+ adw-about-dialog .adw-about-dialog-license a {
2728
+ color: var(--accent-color);
2729
+ text-decoration: none;
2730
+ }
2731
+ adw-about-dialog .adw-about-dialog-license a:hover {
2732
+ text-decoration: underline;
364
2733
  }
365
2734
 
366
- adw-toast-overlay {
2735
+ @keyframes adw-about-dialog-scrim-in {
2736
+ from {
2737
+ opacity: 0;
2738
+ }
2739
+ to {
2740
+ opacity: 1;
2741
+ }
2742
+ }
2743
+ @keyframes adw-about-dialog-sheet-in {
2744
+ from {
2745
+ opacity: 0;
2746
+ transform: translate(-50%, -50%) scale(0.95);
2747
+ }
2748
+ to {
2749
+ opacity: 1;
2750
+ transform: translate(-50%, -50%) scale(1);
2751
+ }
2752
+ }
2753
+ adw-alert-dialog {
2754
+ display: none;
2755
+ }
2756
+ adw-alert-dialog.open {
2757
+ display: block;
2758
+ }
2759
+
2760
+ .adw-alert-dialog-scrim {
367
2761
  position: fixed;
368
- bottom: 24px;
369
- left: 50%;
370
- transform: translateX(-50%);
371
- z-index: 9999;
2762
+ inset: 0;
2763
+ z-index: 1050;
2764
+ background-color: rgba(0, 0, 6, 0.32);
372
2765
  display: flex;
373
- flex-direction: column-reverse;
374
- gap: 9px;
375
2766
  align-items: center;
376
- pointer-events: none;
2767
+ justify-content: center;
2768
+ padding: var(--spacing-l);
2769
+ animation: adw-alert-dialog-fade-in 0.2s cubic-bezier(0, 0, 0.2, 1);
377
2770
  }
378
2771
 
379
- .adw-toast {
380
- background-color: #3d3846;
381
- color: #ffffff;
382
- padding: 9px 12px;
383
- border-radius: var(--card-radius);
384
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.25);
2772
+ .adw-alert-dialog-box {
2773
+ position: fixed;
2774
+ top: 50%;
2775
+ left: 50%;
2776
+ z-index: 1051;
2777
+ transform: translate(-50%, -50%);
385
2778
  display: flex;
386
- align-items: center;
387
- gap: 9px;
388
- width: max-content;
389
- max-width: 400px;
390
- min-height: 36px;
391
- pointer-events: auto;
2779
+ flex-direction: column;
2780
+ box-sizing: border-box;
2781
+ width: 100%;
2782
+ max-width: 300px;
2783
+ max-height: calc(100vh - 2 * var(--spacing-xl));
2784
+ overflow: hidden;
2785
+ background-color: var(--window-bg-color);
2786
+ color: var(--window-fg-color);
2787
+ border-radius: var(--window-radius);
2788
+ outline: 1px solid var(--separator-color);
2789
+ outline-offset: -1px;
2790
+ box-shadow: 0 0 14px 2px rgba(0, 0, 6, 0.03), 0 0 5px 2px rgba(0, 0, 6, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
392
2791
  font-family: var(--font-family);
393
- font-size: var(--font-size-base);
394
- opacity: 0;
395
- transform: translateY(100%) scale(0.9);
396
- transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1), transform 0.2s cubic-bezier(0, 0, 0.2, 1);
397
- will-change: transform, opacity;
2792
+ animation: adw-alert-dialog-pop-in 0.2s cubic-bezier(0, 0, 0.2, 1);
398
2793
  }
399
- .adw-toast.visible {
400
- opacity: 1;
401
- transform: translateY(0) scale(1);
2794
+
2795
+ .adw-alert-dialog-box:has(.adw-alert-dialog-responses.horizontal) {
2796
+ max-width: 360px;
402
2797
  }
403
- .adw-toast.hiding {
404
- opacity: 0;
405
- transform: translateY(100%) scale(0.9);
406
- transition-duration: 0.15s;
407
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2798
+
2799
+ .adw-alert-dialog-message {
2800
+ display: flex;
2801
+ flex-direction: column;
2802
+ padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-l);
2803
+ overflow-y: auto;
408
2804
  }
409
- .adw-toast .adw-toast-title {
410
- font-weight: normal;
2805
+
2806
+ .adw-alert-dialog-heading {
2807
+ margin: 0;
2808
+ font-size: 15pt;
2809
+ font-weight: 800;
411
2810
  line-height: 1.3;
2811
+ text-align: center;
412
2812
  }
413
2813
 
414
- adw-overlay-split-view {
415
- display: flex;
416
- flex-direction: row;
417
- flex: 1;
418
- min-height: 0;
419
- position: relative;
420
- overflow: hidden;
2814
+ .adw-alert-dialog-body {
2815
+ margin: var(--spacing-s) 0 0;
2816
+ font-size: var(--font-size-base);
2817
+ line-height: 1.4;
2818
+ text-align: center;
421
2819
  }
422
- adw-overlay-split-view .adw-osv-sidebar {
423
- background-color: var(--sidebar-bg-color);
424
- overflow-y: auto;
425
- flex-shrink: 0;
426
- transition: transform 0.2s ease, opacity 0.2s ease, margin 0.2s ease;
427
- z-index: 10;
428
- align-self: stretch;
2820
+
2821
+ .adw-alert-dialog-child {
2822
+ margin-top: var(--spacing-m);
429
2823
  }
430
- adw-overlay-split-view .adw-osv-content {
431
- flex: 1;
432
- min-width: 0;
433
- min-height: 0;
2824
+ .adw-alert-dialog-child:empty {
2825
+ display: none;
2826
+ }
2827
+
2828
+ .adw-alert-dialog-responses {
434
2829
  display: flex;
435
2830
  flex-direction: column;
436
- align-self: stretch;
2831
+ gap: var(--spacing-s);
2832
+ padding: var(--spacing-m) var(--spacing-l) var(--spacing-l);
437
2833
  }
438
- adw-overlay-split-view:not(.collapsed) .adw-osv-sidebar {
439
- position: relative;
2834
+ .adw-alert-dialog-responses.horizontal {
2835
+ flex-direction: row;
2836
+ justify-content: stretch;
440
2837
  }
441
- adw-overlay-split-view:not(.collapsed):not(.show-sidebar) .adw-osv-sidebar {
442
- transform: translateX(-100%);
443
- opacity: 0;
444
- pointer-events: none;
2838
+ .adw-alert-dialog-responses.horizontal .adw-alert-dialog-response {
2839
+ flex: 1 1 0;
445
2840
  }
446
- adw-overlay-split-view.collapsed .adw-osv-sidebar {
447
- position: absolute;
448
- top: 0;
449
- bottom: 0;
450
- left: 0;
451
- transform: translateX(-100%);
452
- opacity: 0;
453
- pointer-events: none;
2841
+
2842
+ .adw-alert-dialog-response.adw-button {
2843
+ width: 100%;
2844
+ justify-content: center;
454
2845
  }
455
- adw-overlay-split-view.collapsed.sidebar-end .adw-osv-sidebar {
456
- left: auto;
457
- right: 0;
458
- transform: translateX(100%);
2846
+
2847
+ @keyframes adw-alert-dialog-fade-in {
2848
+ from {
2849
+ opacity: 0;
2850
+ }
2851
+ to {
2852
+ opacity: 1;
2853
+ }
459
2854
  }
460
- adw-overlay-split-view.collapsed.show-sidebar .adw-osv-sidebar {
461
- transform: translateX(0);
462
- opacity: 1;
463
- pointer-events: auto;
2855
+ @keyframes adw-alert-dialog-pop-in {
2856
+ from {
2857
+ opacity: 0;
2858
+ transform: translate(-50%, -50%) scale(0.95);
2859
+ }
2860
+ to {
2861
+ opacity: 1;
2862
+ transform: translate(-50%, -50%) scale(1);
2863
+ }
464
2864
  }
465
- adw-overlay-split-view .adw-osv-backdrop {
2865
+ adw-preferences-dialog {
466
2866
  display: none;
467
2867
  }
468
- adw-overlay-split-view.collapsed.show-sidebar .adw-osv-backdrop {
2868
+ adw-preferences-dialog.open {
469
2869
  display: block;
470
- position: absolute;
2870
+ }
2871
+ adw-preferences-dialog .adw-preferences-dialog-scrim {
2872
+ position: fixed;
471
2873
  inset: 0;
472
- background: rgba(0, 0, 0, 0.3);
473
- z-index: 9;
2874
+ z-index: 1000;
2875
+ background-color: rgba(0, 0, 6, 0.32);
474
2876
  }
475
-
476
- .adw-sidebar-content {
477
- padding: var(--spacing-m);
2877
+ adw-preferences-dialog .adw-preferences-dialog-box {
2878
+ position: fixed;
2879
+ top: 50%;
2880
+ left: 50%;
2881
+ transform: translate(-50%, -50%);
2882
+ z-index: 1001;
478
2883
  display: flex;
479
2884
  flex-direction: column;
480
- gap: var(--spacing-m);
2885
+ width: min(var(--adw-dialog-content-width, 640px), 100vw - 48px);
2886
+ max-height: calc(100vh - 48px);
2887
+ overflow: hidden;
2888
+ background-color: var(--window-bg-color);
2889
+ color: var(--window-fg-color);
2890
+ border-radius: var(--window-radius);
2891
+ outline: 1px solid var(--separator-color);
2892
+ outline-offset: -1px;
2893
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 5px 2px rgba(0, 0, 6, 0.1), 0 0 14px 2px rgba(0, 0, 6, 0.03);
481
2894
  }
482
-
483
- .adw-sidebar-toggle-icon::after {
2895
+ adw-preferences-dialog .adw-preferences-dialog-header {
2896
+ display: flex;
2897
+ align-items: center;
2898
+ min-height: 47px;
2899
+ padding: 0 6px;
2900
+ flex-shrink: 0;
2901
+ }
2902
+ adw-preferences-dialog .adw-preferences-dialog-header-side {
2903
+ display: flex;
2904
+ align-items: center;
2905
+ flex: 1 1 0;
2906
+ min-width: 0;
2907
+ }
2908
+ adw-preferences-dialog .adw-preferences-dialog-header-side--end {
2909
+ justify-content: flex-end;
2910
+ }
2911
+ adw-preferences-dialog .adw-preferences-dialog-title {
2912
+ flex: 0 0 auto;
2913
+ font-weight: bold;
2914
+ font-size: var(--font-size-base);
2915
+ white-space: nowrap;
2916
+ overflow: hidden;
2917
+ text-overflow: ellipsis;
2918
+ padding: 0 6px;
2919
+ }
2920
+ adw-preferences-dialog .adw-preferences-dialog-close {
2921
+ appearance: none;
2922
+ border: none;
2923
+ margin: 0;
2924
+ width: 28px;
2925
+ height: 28px;
2926
+ padding: 0;
2927
+ border-radius: 50%;
2928
+ background-color: transparent;
2929
+ color: var(--window-fg-color);
2930
+ cursor: pointer;
2931
+ position: relative;
2932
+ transition: background-color 0.1s ease;
2933
+ }
2934
+ adw-preferences-dialog .adw-preferences-dialog-close::before, adw-preferences-dialog .adw-preferences-dialog-close::after {
484
2935
  content: "";
485
2936
  position: absolute;
486
- inset: 0;
2937
+ top: 50%;
2938
+ left: 50%;
2939
+ width: 12px;
2940
+ height: 1.5px;
487
2941
  background-color: currentColor;
488
- -webkit-mask-image: var(--icon-sidebar-show);
489
- mask-image: var(--icon-sidebar-show);
490
- -webkit-mask-repeat: no-repeat;
491
- mask-repeat: no-repeat;
492
- -webkit-mask-size: 16px 16px;
493
- mask-size: 16px 16px;
494
- -webkit-mask-position: center;
495
- mask-position: center;
496
- pointer-events: none;
2942
+ border-radius: 1px;
2943
+ }
2944
+ adw-preferences-dialog .adw-preferences-dialog-close::before {
2945
+ transform: translate(-50%, -50%) rotate(45deg);
2946
+ }
2947
+ adw-preferences-dialog .adw-preferences-dialog-close::after {
2948
+ transform: translate(-50%, -50%) rotate(-45deg);
2949
+ }
2950
+ adw-preferences-dialog .adw-preferences-dialog-close:hover {
2951
+ background-color: var(--button-hover-color);
2952
+ }
2953
+ adw-preferences-dialog .adw-preferences-dialog-close:active {
2954
+ background-color: var(--button-active-color);
2955
+ }
2956
+ adw-preferences-dialog .adw-preferences-dialog-close.locked {
2957
+ opacity: var(--dim-opacity);
2958
+ cursor: default;
2959
+ }
2960
+ adw-preferences-dialog .adw-preferences-dialog-body {
2961
+ flex: 1 1 auto;
2962
+ min-height: 0;
2963
+ overflow-y: auto;
2964
+ }
2965
+ adw-preferences-dialog .adw-preferences-dialog-pages {
2966
+ display: flex;
2967
+ flex-direction: column;
2968
+ gap: var(--spacing-xl);
2969
+ max-width: 600px;
2970
+ margin: 0 auto;
2971
+ padding: var(--spacing-xl) var(--spacing-m);
2972
+ }
2973
+
2974
+ [hidden] {
2975
+ display: none !important;
497
2976
  }
498
2977
  /*# sourceMappingURL=adwaita-web.css.map */