npm - @gjsify/adwaita-web - Versions diffs - 0.14.0 → 0.15.1 - Mend

@gjsify/adwaita-web 0.14.0 → 0.15.1

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 (33) hide show

package/README.md +58 -0
package/dist/adwaita-web.css +209 -0
package/dist/adwaita-web.css.map +1 -1
package/lib/types/elements/adw-menu-button.d.ts +34 -0
package/lib/types/elements/adw-view-stack.d.ts +37 -0
package/lib/types/elements/adw-view-switcher-bar.d.ts +27 -0
package/lib/types/index.d.ts +5 -0
package/lib/types/source-view/adw-source-view.d.ts +75 -0
package/lib/types/source-view/asm6502.d.ts +28 -0
package/lib/types/source-view/hex.d.ts +27 -0
package/lib/types/source-view/index.d.ts +4 -0
package/lib/types/source-view/theme.d.ts +15 -0
package/lib/types/styles.generated.d.ts +1 -1
package/package.json +21 -11
package/scss/_menu_button.scss +151 -0
package/scss/_root.scss +22 -0
package/scss/_theme.scss +3 -0
package/scss/_variables.scss +5 -0
package/scss/_view_stack.scss +29 -0
package/scss/_view_switcher_bar.scss +94 -0
package/scss/adwaita-skin.scss +4 -0
package/src/elements/adw-menu-button.ts +247 -0
package/src/elements/adw-view-stack.ts +174 -0
package/src/elements/adw-view-switcher-bar.ts +168 -0
package/src/index.ts +5 -0
package/src/source-view/adw-source-view.ts +436 -0
package/src/source-view/asm6502.ts +232 -0
package/src/source-view/hex.ts +43 -0
package/src/source-view/index.ts +28 -0
package/src/source-view/theme.ts +224 -0
package/src/index.js +0 -1
package/src/styles.generated.js +0 -2976
package/src/styles2.generated.js +0 -2976

package/dist/adwaita-web.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_icons.generated.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_variables.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_theme.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_window.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_headerbar.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_window_title.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_button.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_button_content.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_split_button.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_toggle_group.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_entry.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_preferences.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_card.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_clamp.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_spinner.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_avatar.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_banner.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_status_page.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_row.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_action_row.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_entry_row.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_switch_row.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_combo_row.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_spin_row.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_button_row.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_expander_row.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_password_entry_row.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_toast.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_toolbar_view.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_wrap_box.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_overlay_split_view.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_navigation_split_view.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_carousel.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_tab_view.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_view_switcher.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_inline_view_switcher.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_navigation_view.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_bottom_sheet.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_sidebar.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_about_dialog.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_alert_dialog.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_preferences_dialog.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/adwaita-skin.scss"],"names":[],"mappings":";AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;ACpNF;EAEE;EACA;EAGA;EACA;EAGA;EACA;EACA;EAKA;EAGA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;;;ACtCF;EACE;IA9BA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;;;AAWF;EApCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;;;ACzBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAGF;EACA;EACA;;;ACdF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;;AAEA;EACE;EACA;EACA;EAEA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EAEA;;AAGF;EACE;EACA;EAGA;EACA;EACA;EAEA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACrEN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;ACvBJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAKF;EACE;;AAEA;EACE;;AAGF;EACE;;AAKJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAKJ;EACE;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKA;EACE;;;AASJ;EACE;;AAEA;AAAA;EAEE;;AAGF;AAAA;EAEE;EACA;;AAGF;AAAA;EAEE;EACA;;AAGF;EACE;;;AC5JJ;EACE;EACA;EAEA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAGF;EAGE;EACA;EACA;;AAMA;EACE;;AAGF;EACE;EACA;EACA;EACA;;;AClCN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EAEE;;AAIF;EACE;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EAEE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;;AAEA;EACE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;EACA;;AAKJ;EACE;EACA;;AAEA;EACE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAKJ;EACE;;AAIF;EACE;EACA;;AAEA;AAAA;EAEE;EACA;;;AChNN;EACE;EACA;;;AAGF;EAGE;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAGF;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAIF;EACE;EACA;EACA,YACE;;AAGF;EACE;;AAMN;EACE;;AAEA;EACE;EACA;EACA;;AAMJ;EACE;EAEA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAKN;EACE;;;AClHN;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EAEE;EACA;;AAIF;EACE;EACA;EACA;;;ACvCJ;EACE;;AAIA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA,YACE;EAGF;;;AChDJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA,YACE;EAGF;;;ACZF;EACE;EACA;EACA;;;ACHF;EACE;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;;AAEA;EAZF;IAaI;;;;AAIJ;EACE;IACE;;;ACnBJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;;ACtBJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAGA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;ACpCN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AC9BJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;;AAOJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;ACnDF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACvDJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC1CF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;;ACtDJ;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACnEN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;ACtDN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKA;EACE;;AAGF;EACE;;AAKJ;EACE;EACA;EACA;;AAGE;EACE;EACA;;AAMF;EACE;EACA;;AAMN;EACE;EACA;EACA;;AAGE;EACE;EACA;;AAMF;EACE;EACA;;;ACxFR;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;;AAIF;AAAA;EAEE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKF;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EACE;;;ACxIR;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAKJ;EACE;EACA;;;ACpDJ;EACE;EACA;;AAGA;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;AC/JN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AChBJ;EACE;EACA;EACA;EACA;EACA;EACA;;;ACbF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;;AAKF;EACE;EACA;EACA;;AAOA;EACE;;AAGF;EACE;EACA;;AAKJ;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAMJ;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACrHF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;;AAIA;EACE;;AAGF;EACE;EACA;EACA;;;ACzBN;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMJ;AAAA;EAEE;EACA;EACA;EACA;;AAIA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA,YACE;;AAMJ;EACE;;;AAON;EACE;;AAEA;EACE;EACA;EACA;EACA;EAEA;EACA,YACE;;AAGF;EACE;;;ACpHN;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA,YACE;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAOF;EAGE;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACnLN;EACI;EACA;EACA;;AAIA;EACI;EACA;EACA;EACA;;AAKJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACI;EAEJ;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAMJ;EACI;EACA;;AAEA;EACI;;AAMZ;EACI;EACA;;AAMA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAOZ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAEA;EACI;;;AClHZ;EAGI;EAEA;EACA;EACA;;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACI;EAGJ;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAIJ;EACI;EACA;EACA,YACI;;AAGJ;EACI;;AAOZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAIJ;EACI;;AAIA;EACI;;AAMR;EACI;EACA;EACA;;AAGJ;EACI;;AAKA;EACI;;AAGJ;EACI;EACA;EACA;;AAMR;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;;AAEA;EACI;EACA;EACA;;AAEA;EACI;;AAKZ;EACI;;;ACjKZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAKF;EACE;EACA;;AAMJ;EACE;;AAMF;EACE;;;AAIJ;EACE;IACE;IACA;;EAGF;IACE;IACA;;;ACjEJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EACE;EACA;EACA;EACA,YACE;;AASN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAGF;EACA,YACE;EAEF;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAIF;EACE;;AAIF;EACE;;;ACpGJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EAEA;;AAGF;EACE;EACA;;AAKA;EACE;;AAKF;EACE;EACA;EACA;;AAGF;EACE;;AAGA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;;AAEA;EAEE;;AAKN;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;;AASA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAKN;EACE;;;ACnMN;EAEE;;AAEA;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAGF;;AAEA;EACE;EACA;;AAKJ;AAAA;AAAA;EAGE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAMA;EACE;EACA;;AAGF;EACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;;AAMR;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;;ACpPJ;EACE;;AAEA;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;EAEA;;;AAIF;EACE;;;AAIF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAIF;EACE;;AAEA;EACE;;;AAMJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;;AAUN;EACE;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AC7IJ;EAGE;;AAEA;EACE;;AAOF;EACE;EACA;EACA;EACA;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAQJ;EACE;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAMJ;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;;AC/FJ;EACE","sourcesContent":["// _icons.generated.scss — auto-generated by scripts/build-scss.mjs\n// DO NOT EDIT — regenerated on every build from @gjsify/adwaita-icons.\n\n:root {\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n}\n\n.adw-icon--edit-paste {\n mask-image: var(--icon-edit-paste);\n -webkit-mask-image: var(--icon-edit-paste);\n}\n\n.adw-icon--go-down {\n mask-image: var(--icon-go-down);\n -webkit-mask-image: var(--icon-go-down);\n}\n\n.adw-icon--sidebar-show {\n mask-image: var(--icon-sidebar-show);\n -webkit-mask-image: var(--icon-sidebar-show);\n}\n\n.adw-icon--go-previous {\n mask-image: var(--icon-go-previous);\n -webkit-mask-image: var(--icon-go-previous);\n}\n\n.adw-icon--go-next {\n mask-image: var(--icon-go-next);\n -webkit-mask-image: var(--icon-go-next);\n}\n\n.adw-icon--view-refresh {\n mask-image: var(--icon-view-refresh);\n -webkit-mask-image: var(--icon-view-refresh);\n}\n\n.adw-icon--open-menu {\n mask-image: var(--icon-open-menu);\n -webkit-mask-image: var(--icon-open-menu);\n}\n\n.adw-icon--go-home {\n mask-image: var(--icon-go-home);\n -webkit-mask-image: var(--icon-go-home);\n}\n\n.adw-icon--list-add {\n mask-image: var(--icon-list-add);\n -webkit-mask-image: var(--icon-list-add);\n}\n\n.adw-icon--network-wireless {\n mask-image: var(--icon-network-wireless);\n -webkit-mask-image: var(--icon-network-wireless);\n}\n\n.adw-icon--folder {\n mask-image: var(--icon-folder);\n -webkit-mask-image: var(--icon-folder);\n}\n\n.adw-icon--starred {\n mask-image: var(--icon-starred);\n -webkit-mask-image: var(--icon-starred);\n}\n\n.adw-icon--system-search {\n mask-image: var(--icon-system-search);\n -webkit-mask-image: var(--icon-system-search);\n}\n\n.adw-icon--contact-new {\n mask-image: var(--icon-contact-new);\n -webkit-mask-image: var(--icon-contact-new);\n}\n\n.adw-icon--mail-unread {\n mask-image: var(--icon-mail-unread);\n -webkit-mask-image: var(--icon-mail-unread);\n}\n\n.adw-icon--avatar-default {\n mask-image: var(--icon-avatar-default);\n -webkit-mask-image: var(--icon-avatar-default);\n}\n\n.adw-icon--camera-photo {\n mask-image: var(--icon-camera-photo);\n -webkit-mask-image: var(--icon-camera-photo);\n}\n\n.adw-icon--user-trash {\n mask-image: var(--icon-user-trash);\n -webkit-mask-image: var(--icon-user-trash);\n}\n\n.adw-icon--view-reveal {\n mask-image: var(--icon-view-reveal);\n -webkit-mask-image: var(--icon-view-reveal);\n}\n\n.adw-icon--view-conceal {\n mask-image: var(--icon-view-conceal);\n -webkit-mask-image: var(--icon-view-conceal);\n}\n\n.adw-icon--document-edit {\n mask-image: var(--icon-document-edit);\n -webkit-mask-image: var(--icon-document-edit);\n}\n\n.adw-icon--document-open {\n mask-image: var(--icon-document-open);\n -webkit-mask-image: var(--icon-document-open);\n}\n\n.adw-icon--document-save {\n mask-image: var(--icon-document-save);\n -webkit-mask-image: var(--icon-document-save);\n}\n\n.adw-icon--mail-send {\n mask-image: var(--icon-mail-send);\n -webkit-mask-image: var(--icon-mail-send);\n}\n\n.adw-icon--mail-reply-sender {\n mask-image: var(--icon-mail-reply-sender);\n -webkit-mask-image: var(--icon-mail-reply-sender);\n}\n\n.adw-icon--folder-download {\n mask-image: var(--icon-folder-download);\n -webkit-mask-image: var(--icon-folder-download);\n}\n\n.adw-icon--view-grid {\n mask-image: var(--icon-view-grid);\n -webkit-mask-image: var(--icon-view-grid);\n}\n\n.adw-icon--view-list {\n mask-image: var(--icon-view-list);\n -webkit-mask-image: var(--icon-view-list);\n}\n\n.adw-icon--view-columns {\n mask-image: var(--icon-view-columns);\n -webkit-mask-image: var(--icon-view-columns);\n}\n\n.adw-icon--list-remove {\n mask-image: var(--icon-list-remove);\n -webkit-mask-image: var(--icon-list-remove);\n}\n\n.adw-icon--send-to {\n mask-image: var(--icon-send-to);\n -webkit-mask-image: var(--icon-send-to);\n}\n\n.adw-icon--folder-music {\n mask-image: var(--icon-folder-music);\n -webkit-mask-image: var(--icon-folder-music);\n}\n\n.adw-icon--edit-copy {\n mask-image: var(--icon-edit-copy);\n -webkit-mask-image: var(--icon-edit-copy);\n}\n\n.adw-icon--emblem-system {\n mask-image: var(--icon-emblem-system);\n -webkit-mask-image: var(--icon-emblem-system);\n}\n\n.adw-icon--preferences-system {\n mask-image: var(--icon-preferences-system);\n -webkit-mask-image: var(--icon-preferences-system);\n}\n\n.adw-icon--application-x-executable {\n mask-image: var(--icon-application-x-executable);\n -webkit-mask-image: var(--icon-application-x-executable);\n}\n","// _variables.scss — Adwaita CSS custom properties (light theme defaults).\n// Reference: refs/libadwaita/src/stylesheet/_colors.scss (canonical color palette)\n// Reference: refs/adwaita-web/adwaita-web/scss/_variables.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Subset adapted for @gjsify/adwaita-web Web Components.\n\n:root {\n // Window\n --window-bg-color: #fafafb;\n --window-fg-color: rgba(0, 0, 6, 0.8);\n\n // Views\n --view-bg-color: #ffffff;\n --view-fg-color: rgba(0, 0, 6, 0.8);\n\n // Header bar\n --headerbar-bg-color: #ffffff;\n --headerbar-fg-color: rgba(0, 0, 6, 0.8);\n --headerbar-shade-color: rgba(0, 0, 6, 0.12);\n\n // Hairline separators (header underline, sidebar/pane dividers). Subtle in\n // BOTH themes — dark theme flips to a faint light line, the way libadwaita\n // draws separators, instead of a harsh near-black line on a dark surface.\n --separator-color: rgba(0, 0, 6, 0.1);\n\n // Sidebar\n --sidebar-bg-color: #ebebed;\n\n // Cards / boxed lists\n --card-bg-color: #ffffff;\n --card-fg-color: rgba(0, 0, 6, 0.8);\n --card-shade-color: rgba(0, 0, 6, 0.07);\n\n // Accent\n --accent-bg-color: #3584e4;\n --accent-fg-color: #ffffff;\n --accent-color: #1c71d8;\n\n // Buttons\n --button-bg-color: rgba(0, 0, 6, 0.08);\n --button-hover-color: rgba(0, 0, 6, 0.13);\n --button-active-color: rgba(0, 0, 6, 0.19);\n\n // Entries\n --entry-bg-color: #ffffff;\n --entry-border-color: rgba(0, 0, 6, 0.18);\n --entry-border-hover-color: rgba(0, 0, 6, 0.28);\n\n // Destructive action\n --destructive-bg-color: #e01b24;\n --destructive-fg-color: #ffffff;\n\n // Switch\n --switch-off-bg: rgba(0, 0, 0, 0.2);\n --switch-knob-bg: #ffffff;\n\n // Layout radii\n --window-radius: 15px;\n --card-radius: 12px;\n --button-radius: 9px;\n\n // Spacing scale\n --spacing-xs: 6px;\n --spacing-s: 9px;\n --spacing-m: 12px;\n --spacing-l: 18px;\n --spacing-xl: 24px;\n\n // Typography — GNOME default: Adwaita Sans 11\n --font-family: 'Adwaita Sans', 'Cantarell', 'Inter', 'Segoe UI', sans-serif;\n --font-size-base: 11pt;\n --font-size-small: 9pt;\n --font-size-heading: 12pt;\n --dim-opacity: 0.55;\n}\n","// _theme.scss — Light/dark theme switching.\n// Auto via prefers-color-scheme + manual .theme-dark / .theme-light overrides.\n// Reference: refs/libadwaita/src/stylesheet/_colors.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\n@mixin dark-theme {\n --window-bg-color: #222226;\n --window-fg-color: #ffffff;\n --view-bg-color: #1d1d20;\n --view-fg-color: #ffffff;\n --headerbar-bg-color: #2e2e32;\n --headerbar-fg-color: #ffffff;\n --headerbar-shade-color: rgba(0, 0, 6, 0.36);\n --separator-color: rgba(255, 255, 255, 0.08);\n --sidebar-bg-color: #2e2e32;\n --card-bg-color: rgba(255, 255, 255, 0.08);\n --card-fg-color: #ffffff;\n --card-shade-color: rgba(0, 0, 6, 0.36);\n --accent-color: #78aeed;\n --button-bg-color: rgba(255, 255, 255, 0.1);\n --button-hover-color: rgba(255, 255, 255, 0.15);\n --button-active-color: rgba(255, 255, 255, 0.22);\n --entry-bg-color: rgba(255, 255, 255, 0.06);\n --entry-border-color: rgba(255, 255, 255, 0.16);\n --entry-border-hover-color: rgba(255, 255, 255, 0.26);\n --destructive-bg-color: #c01c28;\n --destructive-fg-color: #ffffff;\n --switch-off-bg: rgba(255, 255, 255, 0.2);\n --switch-knob-bg: #deddda;\n // The active toggle is a raised near-white chip in both themes, so its text\n // must be dark in dark mode (the default token is the light window-fg).\n --active-toggle-fg-color: rgba(0, 0, 6, 0.8);\n}\n\n// Auto dark theme via prefers-color-scheme — opt out with .theme-light\n@media (prefers-color-scheme: dark) {\n :root:not(.theme-light) {\n @include dark-theme;\n }\n}\n\n// Manual override\n:root.theme-dark {\n @include dark-theme;\n}\n","// _window.scss — adw-window styling.\n// Reference: refs/adwaita-web/adwaita-web/scss/_window.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_window.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-window {\n display: flex;\n flex-direction: column;\n background-color: var(--window-bg-color);\n color: var(--window-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n border-radius: var(--window-radius);\n box-shadow:\n 0 0 14px 5px rgb(0 0 0 / 15%),\n 0 0 5px 2px rgb(0 0 0 / 10%),\n 0 0 0 1px rgb(0 0 0 / 5%);\n overflow: hidden;\n outline: 1px solid rgb(255 255 255 / 7%);\n outline-offset: -1px;\n}\n","// _headerbar.scss — adw-header-bar styling.\n// Reference: refs/adwaita-web/adwaita-web/scss/_headerbar.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_header-bar.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-header-bar {\n display: flex;\n align-items: center;\n min-height: 47px;\n padding: 0 6px;\n background-color: var(--headerbar-bg-color);\n color: var(--headerbar-fg-color);\n box-shadow: inset 0 -1px var(--separator-color);\n // flex-shrink: 0 ensures the headerbar never collapses inside a flex-column\n // adw-window, preventing a spurious spacing band between bar and content.\n flex-shrink: 0;\n\n .adw-header-bar-center {\n flex: 1;\n display: flex;\n justify-content: center;\n // min-width: 0 prevents the title from pushing the end buttons off-screen.\n min-width: 0;\n }\n\n .adw-header-bar-title {\n font-weight: bold;\n font-size: var(--font-size-base);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .adw-header-bar-start {\n display: flex;\n align-items: center;\n padding: 0 6px;\n gap: 4px;\n // flex-shrink: 0 keeps the start buttons visible when the window is narrow.\n flex-shrink: 0;\n }\n\n .adw-header-bar-end {\n display: flex;\n align-items: center;\n // justify-content: flex-end aligns end buttons to the right edge of the\n // end section, fixing the pause-button misposition bug.\n justify-content: flex-end;\n padding: 0 6px;\n gap: 4px;\n // flex-shrink: 0 keeps the end buttons visible when the window is narrow.\n flex-shrink: 0;\n }\n\n .adw-header-btn {\n position: relative;\n width: 34px;\n height: 34px;\n border: none;\n border-radius: var(--button-radius);\n background: transparent;\n color: var(--headerbar-fg-color);\n cursor: pointer;\n padding: 0;\n margin: 0;\n flex-shrink: 0;\n\n &:hover {\n background: rgba(128, 128, 128, 0.12);\n }\n\n &:active {\n background: rgba(128, 128, 128, 0.22);\n }\n }\n}\n","// _window_title.scss — adw-window-title styling (header-bar title widget).\n// Reference: refs/adwaita-web/adwaita-web/docs/widgets/windowtitle.md\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-window-title {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n line-height: 1.15;\n min-width: 0;\n\n .adw-window-title-title {\n font-size: var(--font-size-base);\n font-weight: 700;\n color: var(--headerbar-fg-color);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n\n .adw-window-title-subtitle {\n font-size: var(--font-size-small);\n opacity: var(--dim-opacity);\n color: var(--headerbar-fg-color);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n}\n","// _button.scss — adw-button + Adwaita button styles + symbolic icons + .linked.\n// Reference: refs/libadwaita/src/stylesheet/widgets/_buttons.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\n// <adw-button> is a thin host that renders an inner <button class=\"adw-button\">;\n// the class set is the real styling API and works on a plain <button> too.\nadw-button {\n display: inline-flex;\n}\n\n.adw-button {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n min-height: 34px;\n min-width: 34px;\n margin: 0;\n padding: 4px 14px;\n border: none;\n border-radius: var(--button-radius);\n background-color: var(--button-bg-color);\n color: var(--window-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n font-weight: 700;\n line-height: 1;\n text-decoration: none;\n cursor: pointer;\n transition: background-color 0.1s ease;\n user-select: none;\n -webkit-user-select: none;\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: 1px;\n }\n\n &:disabled {\n opacity: 0.45;\n cursor: default;\n }\n\n // Flat — no resting background; only reacts on hover/active. The header bar's\n // navigation buttons use this.\n &.flat {\n background-color: transparent;\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n }\n\n // Suggested action — accent-coloured primary button.\n &.suggested-action {\n background-color: var(--accent-bg-color);\n color: var(--accent-fg-color);\n\n &:hover {\n background-color: var(--accent-color);\n }\n\n &:active {\n background-color: var(--accent-color);\n filter: brightness(0.92);\n }\n }\n\n // Destructive action — red.\n &.destructive-action {\n background-color: var(--destructive-bg-color);\n color: var(--destructive-fg-color);\n\n &:hover {\n filter: brightness(1.06);\n }\n\n &:active {\n filter: brightness(0.9);\n }\n }\n\n // Icon-only square button (no label).\n &.icon-only {\n padding: 0;\n width: 34px;\n }\n\n // Circular — round icon button.\n &.circular {\n padding: 0;\n width: 34px;\n border-radius: 9999px;\n }\n\n // Pill — fully-rounded ends.\n &.pill {\n padding: 6px 20px;\n border-radius: 9999px;\n }\n}\n\n// Symbolic icon rendered via a CSS mask so `currentColor` drives the fill,\n// keeping it theme-aware (same technique as the combo-row dropdown arrow).\n.adw-icon {\n display: inline-block;\n width: 16px;\n height: 16px;\n flex-shrink: 0;\n background-color: currentColor;\n mask-size: 16px;\n mask-repeat: no-repeat;\n mask-position: center;\n -webkit-mask-size: 16px;\n -webkit-mask-repeat: no-repeat;\n -webkit-mask-position: center;\n\n // `display: inline-block` (author CSS) otherwise beats the UA `[hidden]`\n // rule, so a hidden icon (e.g. an avatar's fallback icon while initials\n // show) would still render as a solid maskless square. Honor `hidden`.\n &[hidden] {\n display: none;\n }\n}\n\n// The per-name `.adw-icon--<name>` mask classes are generated into\n// scss/_icons.generated.scss by scripts/build-scss.mjs (one entry per icon in\n// its ICONS map), so adding an icon is a single map edit.\n\n// Linked group — adjacent buttons share edges (segmented control).\n.adw-linked {\n display: inline-flex;\n\n > .adw-button,\n > adw-button .adw-button {\n border-radius: 0;\n }\n\n > :first-child .adw-button,\n > .adw-button:first-child {\n border-top-left-radius: var(--button-radius);\n border-bottom-left-radius: var(--button-radius);\n }\n\n > :last-child .adw-button,\n > .adw-button:last-child {\n border-top-right-radius: var(--button-radius);\n border-bottom-right-radius: var(--button-radius);\n }\n\n > * + * {\n margin-left: 2px;\n }\n}\n","// _button_content.scss — adw-button-content styling (icon + label box used as a\n// button child). Mirrors libadwaita's `buttoncontent > box > {image, label}`\n// node: a horizontal box with 6px spacing between icon and label and a bold\n// label, plus optional ellipsizing when `.can-shrink` is set.\n// Reference: refs/libadwaita/src/stylesheet/widgets/_buttons.scss (buttoncontent)\n// Reference: refs/libadwaita/src/adw-button-content.c (AdwButtonContent)\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-button-content {\n display: inline-flex;\n align-items: center;\n // Centered as a group, matching the box's halign:center in AdwButtonContent.\n justify-content: center;\n min-width: 0;\n\n // The inner box holds the image + label nodes (border-spacing 6px upstream).\n .adw-button-content-box {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n min-width: 0;\n }\n\n .adw-button-content-label {\n // libadwaita: `buttoncontent > box > label { font-weight: bold; }` with a\n // 2px trailing pad (LTR) so the label does not hug the button edge.\n font-weight: 700;\n line-height: 1;\n padding-right: 2px;\n }\n\n // can-shrink — the label ellipsizes instead of forcing the button wider\n // (Gtk.Label PANGO_ELLIPSIZE_END). The icon keeps its natural size.\n &.can-shrink {\n .adw-button-content-box {\n min-width: 0;\n }\n\n .adw-button-content-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n min-width: 0;\n }\n }\n}\n","// _split_button.scss — adw-split-button styling: a primary action button fused\n// with a dropdown that opens a menu of related actions, split by a thin divider.\n// The suggested/destructive/flat style classes recolor the whole control like\n// the matching Adwaita button variants.\n// Reference: refs/libadwaita/src/adw-split-button.c (splitbutton CSS node)\n// Reference: refs/adwaita-web/adwaita-web/scss/_split_button.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\n.adw-split-button {\n position: relative;\n box-sizing: border-box;\n display: inline-flex;\n align-items: stretch;\n vertical-align: middle;\n min-height: 34px;\n border-radius: var(--button-radius);\n background-color: var(--button-bg-color);\n color: var(--window-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n user-select: none;\n -webkit-user-select: none;\n\n &:focus-within {\n outline: 2px solid var(--accent-color);\n outline-offset: 1px;\n }\n\n // Primary action half — fills the available width, rounded on the leading\n // side only so it meets the dropdown flush.\n .adw-split-button-action {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n flex-grow: 1;\n min-height: 34px;\n margin: 0;\n padding: 4px 14px;\n border: none;\n border-radius: var(--button-radius) 0 0 var(--button-radius);\n background-color: transparent;\n color: inherit;\n font: inherit;\n font-weight: 700;\n line-height: 1;\n cursor: pointer;\n transition: background-color 0.1s ease;\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n\n &:focus,\n &:focus-visible {\n outline: none;\n }\n\n // Icon-only action half — square, no horizontal text padding.\n &.icon-only {\n padding: 0;\n width: 34px;\n flex-grow: 0;\n }\n }\n\n // Thin divider between the two halves (the splitbutton `separator` node).\n .adw-split-button-dropdown {\n position: relative;\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 34px;\n width: 28px;\n margin: 0;\n padding: 0 var(--spacing-xs);\n border: none;\n border-left: 1px solid var(--separator-color);\n border-radius: 0 var(--button-radius) var(--button-radius) 0;\n background-color: transparent;\n color: inherit;\n cursor: pointer;\n transition: background-color 0.1s ease;\n\n .adw-icon {\n width: 14px;\n height: 14px;\n mask-size: 14px;\n -webkit-mask-size: 14px;\n }\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n\n &:focus,\n &:focus-visible {\n outline: none;\n }\n }\n\n // --- Dropdown menu (popover) ---\n .adw-split-button-menu {\n position: absolute;\n top: calc(100% + 4px);\n right: 0;\n z-index: 10;\n display: flex;\n flex-direction: column;\n min-width: 160px;\n padding: var(--spacing-xs);\n border-radius: var(--button-radius);\n background-color: var(--popover-bg-color, var(--window-bg-color, #fff));\n color: var(--window-fg-color);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 0 1px var(--separator-color);\n\n &[hidden] {\n display: none;\n }\n }\n\n .adw-split-button-menu-item {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n width: 100%;\n min-height: 32px;\n margin: 0;\n padding: var(--spacing-xs) var(--spacing-s);\n border: none;\n border-radius: calc(var(--button-radius) - 2px);\n background-color: transparent;\n color: inherit;\n font: inherit;\n text-align: start;\n cursor: pointer;\n transition: background-color 0.1s ease;\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: -2px;\n }\n }\n\n // --- Suggested action — accent-coloured whole control ---\n &.suggested-action {\n background-color: var(--accent-bg-color);\n color: var(--accent-fg-color);\n\n .adw-split-button-dropdown {\n border-left-color: rgba(255, 255, 255, 0.3);\n }\n\n .adw-split-button-action:hover,\n .adw-split-button-dropdown:hover {\n background-color: var(--accent-color);\n }\n\n .adw-split-button-action:active,\n .adw-split-button-dropdown:active {\n background-color: var(--accent-color);\n filter: brightness(0.92);\n }\n }\n\n // --- Destructive action — red whole control ---\n &.destructive-action {\n background-color: var(--destructive-bg-color);\n color: var(--destructive-fg-color);\n\n .adw-split-button-dropdown {\n border-left-color: rgba(255, 255, 255, 0.3);\n }\n\n .adw-split-button-action:hover,\n .adw-split-button-dropdown:hover {\n filter: brightness(1.06);\n }\n\n .adw-split-button-action:active,\n .adw-split-button-dropdown:active {\n filter: brightness(0.9);\n }\n }\n\n // --- Flat — no resting background; only reacts on hover/active ---\n &.flat {\n background-color: transparent;\n }\n\n // --- Disabled ---\n &.disabled {\n opacity: 0.45;\n cursor: default;\n\n .adw-split-button-action,\n .adw-split-button-dropdown {\n cursor: default;\n pointer-events: none;\n }\n }\n}\n","// _toggle_group.scss — adw-toggle-group styling (a linked set of toggle buttons\n// with a single active item, recolored with the Adwaita active-toggle accent).\n// Reference: refs/libadwaita/src/stylesheet/widgets/_toggle-group.scss (AdwToggleGroup)\n// Reference: refs/adwaita-web/adwaita-web/scss/_toggle_group.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\n// The active toggle uses a white-on-fg \"raised\" chip. These tokens default to\n// libadwaita's light-theme values; _theme.scss overrides them for dark.\n:root {\n --active-toggle-bg-color: #ffffff;\n --active-toggle-fg-color: var(--window-fg-color);\n}\n\nadw-toggle-group {\n // libadwaita's ---group-padding: a small inset so the active chip floats\n // inside the group's pill, leaving a hairline of group background around it.\n --group-padding: 3px;\n\n display: inline-flex;\n box-sizing: border-box;\n padding: var(--group-padding);\n border-radius: var(--button-radius);\n background-color: var(--button-bg-color);\n\n .adw-toggle-group-inner {\n display: flex;\n align-items: stretch;\n gap: var(--group-padding);\n }\n\n // Each toggle is a button-shaped chip with the group's inner radius.\n .adw-toggle {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--spacing-xs);\n min-width: 34px;\n min-height: 28px;\n margin: 0;\n padding: 4px 11px;\n border: none;\n border-radius: calc(var(--button-radius) - var(--group-padding));\n background-color: transparent;\n color: var(--window-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n font-weight: 700;\n line-height: 1;\n cursor: pointer;\n transition:\n color 0.2s ease,\n background-color 0.2s ease,\n box-shadow 0.2s ease;\n user-select: none;\n -webkit-user-select: none;\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: 1px;\n }\n\n // The active toggle — a raised white chip, the way libadwaita draws it.\n &.active {\n background-color: var(--active-toggle-bg-color);\n color: var(--active-toggle-fg-color);\n box-shadow:\n 0 1px 3px 1px rgba(0, 0, 6, 0.07),\n 0 2px 6px 2px rgba(0, 0, 6, 0.03);\n\n &:hover {\n background-color: var(--active-toggle-bg-color);\n }\n }\n }\n\n // Round — group + toggles become pill-shaped.\n &.round {\n border-radius: 17px;\n\n .adw-toggle {\n border-radius: calc(17px - var(--group-padding));\n padding-left: calc(15px - var(--group-padding));\n padding-right: calc(15px - var(--group-padding));\n }\n }\n\n // Flat — no group background; the active toggle uses a subtle fill instead of\n // the raised white chip.\n &.flat {\n --group-padding: 0px;\n\n padding: 0;\n background: none;\n\n .adw-toggle {\n border-radius: var(--button-radius);\n\n &.active {\n background-color: var(--button-active-color);\n color: inherit;\n box-shadow: none;\n\n &:hover {\n background-color: var(--button-active-color);\n }\n }\n }\n\n &.round .adw-toggle {\n border-radius: 17px;\n }\n }\n}\n","// _entry.scss — adw-entry / .adw-entry text input (e.g. a browser URL bar).\n// Reference: refs/libadwaita/src/stylesheet/widgets/_entries.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\n// <adw-entry> hosts an inner <input class=\"adw-entry\">; it fills its flex slot.\nadw-entry {\n display: flex;\n flex: 1;\n min-width: 0;\n}\n\n.adw-entry {\n box-sizing: border-box;\n width: 100%;\n min-height: 34px;\n margin: 0;\n padding: 5px 12px;\n border: none;\n border-radius: var(--button-radius);\n background-color: var(--entry-bg-color);\n color: var(--view-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n box-shadow: inset 0 0 0 1px var(--entry-border-color);\n transition: box-shadow 0.1s ease;\n\n &::placeholder {\n color: var(--view-fg-color);\n opacity: var(--dim-opacity);\n }\n\n &:hover {\n box-shadow: inset 0 0 0 1px var(--entry-border-hover-color);\n }\n\n &:focus,\n &:focus-visible {\n outline: none;\n box-shadow: inset 0 0 0 2px var(--accent-color);\n }\n\n // Dimmed disabled state, mirroring .adw-button:disabled.\n &:disabled {\n opacity: 0.45;\n cursor: default;\n box-shadow: inset 0 0 0 1px var(--entry-border-color);\n }\n}\n","// _preferences.scss — adw-preferences-group styling.\n// Reference: refs/adwaita-web/adwaita-web/scss/_preferences.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_preferences.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-preferences-group {\n display: block;\n\n // The header is a flex row: a title/description label column on the left\n // (stretches to fill) and the optional header-suffix on the trailing edge.\n .adw-preferences-group-header {\n display: flex;\n align-items: center;\n gap: var(--spacing-s);\n padding: var(--spacing-xs) 2px;\n }\n\n .adw-preferences-group-labels {\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n min-width: 0;\n }\n\n .adw-preferences-group-suffix {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n }\n\n .adw-preferences-group-title {\n font-size: var(--font-size-base);\n font-weight: 700;\n margin: 0;\n color: var(--window-fg-color);\n }\n\n // Dimmed description line below the title.\n .adw-preferences-group-description {\n font-size: var(--font-size-small);\n opacity: var(--dim-opacity);\n margin: 0;\n color: var(--window-fg-color);\n }\n\n .adw-preferences-group-listbox {\n background-color: var(--card-bg-color);\n color: var(--card-fg-color);\n border-radius: var(--card-radius);\n box-shadow:\n 0 0 0 1px rgb(0 0 6 / 3%),\n 0 1px 3px 1px rgb(0 0 6 / 7%),\n 0 2px 6px 2px rgb(0 0 6 / 3%);\n overflow: hidden;\n }\n}\n","// _card.scss — adw-card styling.\n// Reference: refs/adwaita-web/adwaita-web/scss/_card.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_misc.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-card,\n.adw-card {\n display: block;\n background-color: var(--card-bg-color);\n color: var(--card-fg-color);\n border-radius: var(--card-radius);\n padding: var(--spacing-l);\n box-shadow:\n 0 0 0 1px rgb(0 0 6 / 3%),\n 0 1px 3px 1px rgb(0 0 6 / 7%),\n 0 2px 6px 2px rgb(0 0 6 / 3%);\n overflow: hidden;\n}\n","// _clamp.scss — adw-clamp styling (max-width + centered).\n// Reference: refs/adwaita-web/adwaita-web/scss/_clamp.scss\n// Reference: refs/libadwaita (Adw.Clamp)\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-clamp {\n display: block;\n width: 100%;\n margin-inline: auto;\n}\n","// _spinner.scss — adw-spinner styling (ring with a spinning arc).\n// Reference: refs/adwaita-web/adwaita-web/scss/_spinner.scss\n// Reference: refs/libadwaita (Adw.Spinner)\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-spinner {\n display: inline-block;\n box-sizing: border-box;\n width: 24px;\n height: 24px;\n // Neutral arc (currentColor, theme-aware) over a faint track — Adw.Spinner\n // is a neutral indicator, NOT accent-coloured.\n border: 3px solid rgba(127, 127, 127, 0.25);\n border-top-color: currentColor;\n border-radius: 50%;\n animation: adw-spinner-spin 0.8s linear infinite;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n}\n\n@keyframes adw-spinner-spin {\n to {\n transform: rotate(360deg);\n }\n}\n","// _avatar.scss — adw-avatar styling (round, initials or fallback icon).\n// Reference: refs/adwaita-web/adwaita-web/scss/_avatar.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_avatar.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-avatar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n border-radius: 50%;\n overflow: hidden;\n box-sizing: border-box;\n font-weight: 700;\n user-select: none;\n background-color: rgba(127, 127, 127, 0.25);\n color: var(--window-fg-color);\n\n .adw-avatar-text {\n line-height: 1;\n text-align: center;\n }\n\n .adw-avatar-icon {\n background-color: currentColor;\n opacity: 0.7;\n -webkit-mask-size: contain;\n mask-size: contain;\n }\n}\n","// _banner.scss — adw-banner styling (full-width accent message strip).\n// Reference: refs/adwaita-web/adwaita-web/scss/_banner.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_banner.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-banner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--spacing-m);\n padding: var(--spacing-xs) var(--spacing-m);\n width: 100%;\n box-sizing: border-box;\n // Adw.Banner uses a neutral elevated surface, not the accent colour.\n background-color: var(--sidebar-bg-color);\n color: var(--window-fg-color);\n\n // Adw.Banner stays hidden until revealed.\n &:not(.revealed) {\n display: none;\n }\n\n .adw-banner-title {\n flex: 1 1 auto;\n min-width: 0;\n font-size: var(--font-size-base);\n }\n\n .adw-banner-button {\n flex-shrink: 0;\n border: none;\n border-radius: var(--button-radius);\n padding: 4px 14px;\n background: var(--button-bg-color);\n color: var(--window-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n font-weight: 700;\n cursor: pointer;\n\n &:hover {\n background: var(--button-hover-color);\n }\n }\n}\n","// _status_page.scss — adw-status-page styling (centered empty state).\n// Reference: refs/adwaita-web/adwaita-web/scss/_status_page.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_status-page.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-status-page {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n gap: var(--spacing-m);\n padding: var(--spacing-xl);\n color: var(--window-fg-color);\n\n .adw-status-page-icon {\n width: 96px;\n height: 96px;\n background-color: currentColor;\n opacity: 0.45;\n -webkit-mask-size: contain;\n mask-size: contain;\n }\n\n .adw-status-page-title {\n font-size: 18pt;\n font-weight: 800;\n }\n\n .adw-status-page-description {\n font-size: var(--font-size-base);\n opacity: var(--dim-opacity);\n max-width: 32ch;\n }\n\n .adw-status-page-child {\n margin-top: var(--spacing-s);\n }\n}\n","// _row.scss — Shared base styling for rows in preferences groups.\n// Reference: refs/adwaita-web/adwaita-web/scss/_row_types.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_action-row.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-switch-row,\nadw-combo-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: 50px;\n padding: var(--spacing-s) var(--spacing-m);\n gap: var(--spacing-m);\n border-bottom: 1px solid var(--card-shade-color);\n\n &:last-child {\n border-bottom: none;\n }\n}\n\n// Shared title/subtitle text column used by every row type (action/switch/\n// combo/spin). The title is the primary label; the subtitle is dimmed and\n// hidden when empty.\n.adw-row-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1 1 auto;\n min-width: 0;\n}\n\n.adw-row-subtitle {\n font-size: var(--font-size-small);\n opacity: var(--dim-opacity);\n color: var(--card-fg-color);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n// Trailing edit pencil shared by editable rows (entry/password) — the\n// Adw.EntryRow edit affordance. Dimmed; clicking focuses the entry.\n.adw-row-edit {\n flex-shrink: 0;\n width: 16px;\n height: 16px;\n color: var(--card-fg-color);\n opacity: 0.55;\n cursor: pointer;\n}\n\n// Utility separator (used by content layouts)\n.adw-separator-vertical {\n width: 1px;\n align-self: stretch;\n background-color: var(--card-shade-color);\n flex-shrink: 0;\n}\n","// _action_row.scss — adw-action-row styling (title/subtitle + prefix/suffix).\n// Reference: refs/adwaita-web/adwaita-web/scss/_action_row.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_lists.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-action-row {\n display: flex;\n align-items: center;\n gap: var(--spacing-m);\n min-height: 50px;\n padding: var(--spacing-s) var(--spacing-m);\n border-bottom: 1px solid var(--card-shade-color);\n color: var(--card-fg-color);\n\n &:last-child {\n border-bottom: none;\n }\n\n &.activatable {\n cursor: pointer;\n\n &:hover {\n background-color: var(--button-bg-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n }\n\n .adw-action-row-prefix,\n .adw-action-row-suffix {\n display: flex;\n align-items: center;\n gap: var(--spacing-xs);\n flex-shrink: 0;\n }\n\n .adw-action-row-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1 1 auto;\n min-width: 0;\n }\n\n .adw-row-title {\n font-size: var(--font-size-base);\n color: var(--card-fg-color);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .adw-row-subtitle {\n font-size: var(--font-size-small);\n opacity: var(--dim-opacity);\n color: var(--card-fg-color);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n","// _entry_row.scss — adw-entry-row styling (inline editable boxed-list row).\n// Reference: refs/adwaita-web/adwaita-web/scss/_entry_row.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_entries.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-entry-row {\n display: flex;\n align-items: center;\n gap: var(--spacing-m);\n min-height: 50px;\n padding: var(--spacing-xs) var(--spacing-m);\n border-bottom: 1px solid var(--card-shade-color);\n\n &:last-child {\n border-bottom: none;\n }\n\n // Focus ring matching libadwaita's row focus (inset accent outline).\n &:focus-within {\n box-shadow: inset 0 0 0 2px var(--accent-color);\n }\n\n // Filled Adw.EntryRow layout: a small floating title above the value,\n // both left-aligned in a column.\n .adw-entry-row-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1 1 auto;\n min-width: 0;\n gap: 1px;\n }\n\n .adw-row-title {\n font-size: var(--font-size-small);\n color: var(--card-fg-color);\n opacity: var(--dim-opacity);\n }\n\n .adw-entry-row-input {\n width: 100%;\n min-width: 0;\n border: none;\n background: transparent;\n color: var(--card-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n text-align: left;\n outline: none;\n padding: 0;\n }\n}\n","// _switch_row.scss — adw-switch-row styling.\n// Reference: refs/adwaita-web/adwaita-web/scss/_switch_row.scss\n// Reference: refs/adwaita-web/adwaita-web/scss/_switch.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_switch.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-switch-row {\n .adw-row-title {\n font-size: var(--font-size-base);\n color: var(--card-fg-color);\n }\n\n .adw-switch {\n position: relative;\n display: inline-block;\n width: 44px;\n height: 24px;\n flex-shrink: 0;\n\n input {\n opacity: 0;\n width: 0;\n height: 0;\n position: absolute;\n }\n }\n\n .adw-switch-slider {\n position: absolute;\n cursor: pointer;\n inset: 0;\n background-color: var(--switch-off-bg);\n border-radius: 12px;\n transition: background-color 0.15s ease-out;\n\n &::before {\n content: \"\";\n position: absolute;\n height: 20px;\n width: 20px;\n left: 2px;\n bottom: 2px;\n background-color: var(--switch-knob-bg);\n border-radius: 50%;\n transition: transform 0.15s ease-out;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n }\n }\n\n .adw-switch input:checked + .adw-switch-slider {\n background-color: var(--accent-bg-color);\n\n &::before {\n transform: translateX(20px);\n }\n }\n\n .adw-switch input:focus-visible + .adw-switch-slider {\n outline: 2px solid var(--accent-color);\n outline-offset: 2px;\n }\n}\n","// _combo_row.scss — adw-combo-row styling.\n// Reference: refs/adwaita-web/adwaita-web/scss/_combo_row.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_combo-row.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-combo-row {\n position: relative;\n cursor: pointer;\n\n .adw-row-title {\n font-size: var(--font-size-base);\n color: var(--card-fg-color);\n pointer-events: none;\n }\n\n // Hidden <select> overlay — stretches across the row to capture clicks\n // anywhere. The visual dropdown arrow is rendered by .adw-row-value::after\n // below, so the select itself doesn't need a background image.\n select {\n appearance: none;\n -webkit-appearance: none;\n background-color: transparent;\n border: none;\n padding: 6px 24px 6px 8px;\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n color: var(--card-fg-color);\n cursor: pointer;\n text-align: right;\n position: absolute;\n inset: 0;\n opacity: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: -1px;\n }\n\n option {\n background-color: var(--window-bg-color);\n color: var(--window-fg-color);\n }\n }\n\n .adw-row-value {\n font-size: var(--font-size-base);\n color: var(--card-fg-color);\n opacity: var(--dim-opacity);\n display: flex;\n align-items: center;\n gap: 4px;\n\n // Dropdown arrow — rendered via CSS mask so `currentColor` drives the\n // fill, making the icon theme-aware (matches libadwaita's dark theme).\n // Using background-image with a data-URI SVG would NOT resolve\n // `currentColor` in most browsers.\n &::after {\n content: \"\";\n display: inline-block;\n width: 12px;\n height: 12px;\n background-color: currentColor;\n -webkit-mask-image: var(--icon-go-down);\n mask-image: var(--icon-go-down);\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-size: contain;\n mask-size: contain;\n -webkit-mask-position: center;\n mask-position: center;\n }\n }\n}\n","// _spin_row.scss — adw-spin-row styling.\n// Reference: refs/adwaita-web/adwaita-web/scss/_spin_button.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_spin-button.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-spin-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: 50px;\n padding: var(--spacing-s) var(--spacing-m);\n gap: var(--spacing-m);\n border-bottom: 1px solid var(--card-shade-color);\n\n &:last-child {\n border-bottom: none;\n }\n\n .adw-row-title {\n font-size: var(--font-size-base);\n color: var(--card-fg-color);\n }\n}\n\n.adw-spin-control {\n display: flex;\n align-items: center;\n gap: 2px;\n\n button {\n width: 32px;\n height: 32px;\n border: none;\n border-radius: var(--button-radius);\n background: transparent;\n color: var(--card-fg-color);\n cursor: pointer;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n\n &:hover {\n background: rgba(128, 128, 128, 0.15);\n }\n }\n\n input {\n width: 56px;\n text-align: center;\n border: none;\n border-radius: var(--button-radius);\n background: rgba(128, 128, 128, 0.1);\n color: var(--card-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n padding: 4px 2px;\n\n &:focus {\n outline: 2px solid var(--accent-color);\n outline-offset: -1px;\n }\n }\n}\n","// _button_row.scss — adw-button-row styling (a boxed-list row that acts as a\n// button: centered title + optional start icon, with suggested/destructive\n// recoloring).\n// Reference: refs/libadwaita/src/stylesheet/widgets/_lists.scss (row.button)\n// Reference: refs/adwaita-web/adwaita-web/scss/_button_row.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-button-row {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n min-height: 50px;\n padding: var(--spacing-xs) var(--spacing-m);\n border-bottom: 1px solid var(--card-shade-color);\n color: var(--card-fg-color);\n cursor: pointer;\n transition: background-color 0.1s ease;\n\n &:last-child {\n border-bottom: none;\n }\n\n // Contents are centered as a group (libadwaita's GtkBox halign:center), with\n // the start icon hugging the title via a small gap (border-spacing 6px).\n .adw-button-row-contents {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--spacing-xs);\n min-width: 0;\n }\n\n .adw-button-row-title {\n font-size: var(--font-size-base);\n font-weight: 700;\n text-align: center;\n color: inherit;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n // Default (no style class): button-like hover/active feedback.\n &.activatable {\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n }\n\n // Suggested action — accent-coloured, full-bleed (no separator line).\n &.suggested-action {\n background-color: var(--accent-bg-color);\n color: var(--accent-fg-color);\n border-bottom: none;\n\n &.activatable {\n &:hover {\n background-color: var(--accent-bg-color);\n background-image: linear-gradient(\n color-mix(in srgb, currentColor 10%, transparent),\n color-mix(in srgb, currentColor 10%, transparent)\n );\n }\n\n &:active {\n background-color: var(--accent-bg-color);\n background-image: linear-gradient(rgba(0, 0, 6, 0.2), rgba(0, 0, 6, 0.2));\n }\n }\n }\n\n // Destructive action — red, same full-bleed treatment as suggested.\n &.destructive-action {\n background-color: var(--destructive-bg-color);\n color: var(--destructive-fg-color);\n border-bottom: none;\n\n &.activatable {\n &:hover {\n background-color: var(--destructive-bg-color);\n background-image: linear-gradient(\n color-mix(in srgb, currentColor 10%, transparent),\n color-mix(in srgb, currentColor 10%, transparent)\n );\n }\n\n &:active {\n background-color: var(--destructive-bg-color);\n background-image: linear-gradient(rgba(0, 0, 6, 0.2), rgba(0, 0, 6, 0.2));\n }\n }\n }\n}\n","// _expander_row.scss — adw-expander-row styling (disclosure header + nested rows).\n// Reference: refs/adwaita-web/adwaita-web/scss/_expander_row.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_expander-row.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-expander-row {\n display: block;\n border-bottom: 1px solid var(--card-shade-color);\n color: var(--card-fg-color);\n\n &:last-child {\n border-bottom: none;\n }\n\n // Header — styled like an activatable action row.\n .adw-expander-row-header {\n display: flex;\n align-items: center;\n gap: var(--spacing-m);\n min-height: 50px;\n padding: var(--spacing-s) var(--spacing-m);\n cursor: pointer;\n\n &:hover {\n background-color: var(--button-bg-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n }\n\n .adw-row-title {\n font-size: var(--font-size-base);\n color: var(--card-fg-color);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n // The text column takes the free space so prefix/suffix widgets, the enable\n // switch and the chevron sit at their respective edges.\n .adw-expander-row-header > .adw-row-text {\n flex: 1;\n min-width: 0;\n }\n\n // Header prefix / suffix widget slots (Adw.ExpanderRow add_prefix/add_suffix).\n .adw-expander-row-prefix,\n .adw-expander-row-suffix {\n display: flex;\n align-items: center;\n gap: var(--spacing-s);\n flex-shrink: 0;\n }\n\n // Disclosure chevron — points down when collapsed, flips up when expanded,\n // matching libadwaita's Adw.ExpanderRow arrow.\n .adw-expander-row-chevron {\n opacity: var(--dim-opacity);\n transform: rotate(0deg);\n transition: transform 0.2s ease-out;\n flex-shrink: 0;\n }\n\n &.expanded .adw-expander-row-chevron {\n transform: rotate(180deg);\n }\n\n // The optional enable switch reuses the shared .adw-switch markup.\n .adw-expander-row-enable-switch {\n position: relative;\n display: inline-block;\n width: 44px;\n height: 24px;\n flex-shrink: 0;\n\n input {\n opacity: 0;\n width: 0;\n height: 0;\n position: absolute;\n }\n\n .adw-switch-slider {\n position: absolute;\n cursor: pointer;\n inset: 0;\n background-color: var(--switch-off-bg);\n border-radius: 12px;\n transition: background-color 0.15s ease-out;\n\n &::before {\n content: \"\";\n position: absolute;\n height: 20px;\n width: 20px;\n left: 2px;\n bottom: 2px;\n background-color: var(--switch-knob-bg);\n border-radius: 50%;\n transition: transform 0.15s ease-out;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n }\n }\n\n input:checked + .adw-switch-slider {\n background-color: var(--accent-bg-color);\n\n &::before {\n transform: translateX(20px);\n }\n }\n\n input:focus-visible + .adw-switch-slider {\n outline: 2px solid var(--accent-color);\n outline-offset: 2px;\n }\n }\n\n // Disclosed content — a nested listbox of rows, hidden until expanded. The\n // nested surface is slightly inset/recessed, the way libadwaita draws it.\n .adw-expander-row-content {\n display: none;\n flex-direction: column;\n background-color: var(--window-bg-color);\n border-top: 1px solid var(--card-shade-color);\n\n &.expanded {\n display: flex;\n }\n\n // Nested rows: indent the text column and keep the hairline separators,\n // dropping the last one (the content area's own edge closes it off).\n > adw-action-row,\n > adw-entry-row,\n > adw-switch-row,\n > adw-combo-row,\n > adw-spin-row {\n padding-left: var(--spacing-xl);\n border-bottom: 1px solid var(--card-shade-color);\n\n &:last-child {\n border-bottom: none;\n }\n }\n }\n}\n","// _password_entry_row.scss — adw-password-entry-row styling (masked entry row\n// with a trailing peek toggle). Mirrors _entry_row.scss (the password row is a\n// specialization of the entry row) and adds the flat peek button.\n// Reference: refs/adwaita-web/adwaita-web/scss/_password_entry_row.scss\n// Reference: refs/libadwaita/src/adw-password-entry-row.c\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-password-entry-row {\n display: flex;\n align-items: center;\n gap: var(--spacing-m);\n min-height: 50px;\n padding: var(--spacing-xs) var(--spacing-m);\n border-bottom: 1px solid var(--card-shade-color);\n\n &:last-child {\n border-bottom: none;\n }\n\n // Focus ring matching libadwaita's row focus (inset accent outline).\n &:focus-within {\n box-shadow: inset 0 0 0 2px var(--accent-color);\n }\n\n // Filled Adw.EntryRow layout: a small floating title above the value,\n // both left-aligned in a column.\n .adw-password-entry-row-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1 1 auto;\n min-width: 0;\n gap: 1px;\n }\n\n .adw-row-title {\n font-size: var(--font-size-small);\n color: var(--card-fg-color);\n opacity: var(--dim-opacity);\n }\n\n .adw-password-entry-row-input {\n width: 100%;\n min-width: 0;\n border: none;\n background: transparent;\n color: var(--card-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n text-align: left;\n outline: none;\n padding: 0;\n\n // Slightly wider tracking for the masked dots, like the native entry.\n &[type='password'] {\n letter-spacing: 0.125em;\n }\n }\n\n // Trailing peek toggle — flat circular icon button, vertically centred.\n .adw-password-entry-row-toggle {\n flex-shrink: 0;\n align-self: center;\n }\n}\n","// _toast.scss — adw-toast and adw-toast-overlay styling.\n// adw-toast-overlay wraps content and layers transient `.adw-toast` banners over\n// the bottom of its own bounds (the Adw.ToastOverlay model). Each banner carries\n// a title, an optional action button and a CSS-drawn \"×\" close button, and slides\n// up on show / down on dismiss (mirroring Adw.Toast).\n// Reference: refs/adwaita-web/adwaita-web/scss/_toast.scss\n// Reference: refs/adwaita-web/adwaita-web/scss/_toast_overlay.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_toast.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-toast-overlay {\n position: relative;\n display: block;\n\n // The wrapped content (Adw.ToastOverlay :child) occupies the overlay's box.\n .adw-toast-overlay-content {\n width: 100%;\n height: 100%;\n }\n\n // Toasts are layered over the bottom edge of the overlay, stacked newest-last\n // and centered, the way AdwToastOverlay floats them above its child.\n .adw-toast-overlay-toasts {\n position: absolute;\n bottom: var(--spacing-m);\n left: 50%;\n transform: translateX(-50%);\n z-index: 9999;\n display: flex;\n flex-direction: column-reverse;\n gap: var(--spacing-s);\n align-items: center;\n pointer-events: none;\n }\n}\n\n.adw-toast {\n background-color: #3d3846;\n color: #ffffff;\n padding: var(--spacing-s) var(--spacing-m);\n border-radius: var(--card-radius);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.25);\n display: flex;\n align-items: center;\n gap: var(--spacing-s);\n width: max-content;\n max-width: 400px;\n min-height: 36px;\n pointer-events: auto;\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n\n opacity: 0;\n transform: translateY(100%) scale(0.9);\n transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1),\n transform 0.2s cubic-bezier(0, 0, 0.2, 1);\n will-change: transform, opacity;\n\n &.visible {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n\n &.hiding {\n opacity: 0;\n transform: translateY(100%) scale(0.9);\n transition-duration: 0.15s;\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n }\n\n .adw-toast-content-wrapper {\n flex: 1 1 auto;\n min-width: 0;\n }\n\n .adw-toast-title {\n font-weight: normal;\n line-height: 1.3;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n // Action button — a flat pill tinted with the accent color so it reads as\n // suggested against the dark toast surface (Adw.Toast:button-label).\n .adw-toast-action-button {\n flex-shrink: 0;\n box-sizing: border-box;\n margin: 0;\n padding: 4px var(--spacing-m);\n border: none;\n border-radius: var(--button-radius);\n background-color: rgba(255, 255, 255, 0.12);\n color: #ffffff;\n font-family: inherit;\n font-size: var(--font-size-base);\n font-weight: 700;\n line-height: 1;\n cursor: pointer;\n transition: background-color 150ms ease-in-out;\n\n &:hover {\n background-color: rgba(255, 255, 255, 0.2);\n }\n\n &:active {\n background-color: rgba(255, 255, 255, 0.26);\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: 1px;\n }\n }\n\n // Close affordance — a CSS-drawn \"×\" (mirrors adw-tab-view's .adw-tab-close;\n // no symbolic close icon ships in the curated adwaita-web icon set).\n .adw-toast-close-button {\n box-sizing: border-box;\n flex-shrink: 0;\n position: relative;\n width: 24px;\n height: 24px;\n margin: 0;\n padding: 0;\n border: none;\n border-radius: 9999px;\n background-color: transparent;\n color: #ffffff;\n cursor: pointer;\n opacity: 0.7;\n transition:\n background-color 150ms ease-in-out,\n opacity 150ms ease-in-out;\n\n &:hover {\n opacity: 1;\n background-color: rgba(255, 255, 255, 0.12);\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: 1px;\n }\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 11px;\n height: 1.5px;\n background-color: currentColor;\n border-radius: 1px;\n }\n\n &::before {\n transform: translate(-50%, -50%) rotate(45deg);\n }\n\n &::after {\n transform: translate(-50%, -50%) rotate(-45deg);\n }\n }\n}\n","// _toolbar_view.scss — adw-toolbar-view styling (content framed by top/bottom bars).\n// Reference: refs/adwaita-web/adwaita-web/scss/_toolbar_view.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_toolbars.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-toolbar-view {\n display: flex;\n flex-direction: column;\n min-height: 0;\n min-width: 0;\n flex: 1 1 auto;\n\n .adw-toolbar-view-top,\n .adw-toolbar-view-bottom {\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n }\n\n .adw-toolbar-view-content {\n flex: 1 1 auto;\n min-height: 0;\n min-width: 0;\n overflow: auto;\n display: flex;\n flex-direction: column;\n background-color: var(--window-bg-color);\n }\n}\n","// _wrap_box.scss — adw-wrap-box styling (a box that wraps its children onto new\n// lines, the web analog of flexbox `flex-wrap: wrap`). Mirrors Adw.WrapBox.\n// Reference: refs/adwaita-web/adwaita-web/scss/_wrap_box.scss\n// Reference: refs/libadwaita/src/adw-wrap-box.c / adw-wrap-layout.c (Adw.WrapBox)\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\n// Layout (flex-direction, gaps, justify-content, align-items, align-content) is\n// driven imperatively by the component from its attributes — these are the\n// libadwaita defaults (horizontal, packed to the start of each line, lines\n// wrapping downwards from the top). A wrap box is a pure layout container, so it\n// carries no background of its own; children handle their own theming.\nadw-wrap-box {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: flex-start;\n align-content: flex-start;\n}\n","// _overlay_split_view.scss — adw-overlay-split-view styling.\n// Reference: refs/libadwaita/src/adw-overlay-split-view.c\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Implemented as Web Component for @gjsify/adwaita-web.\n\nadw-overlay-split-view {\n display: flex;\n flex-direction: row;\n flex: 1;\n min-height: 0;\n position: relative;\n overflow: hidden;\n\n .adw-osv-sidebar {\n background-color: var(--sidebar-bg-color);\n overflow-y: auto;\n flex-shrink: 0;\n transition: transform 0.2s ease, opacity 0.2s ease, margin 0.2s ease;\n z-index: 10;\n align-self: stretch;\n }\n\n .adw-osv-content {\n flex: 1;\n min-width: 0;\n min-height: 0;\n display: flex;\n flex-direction: column;\n align-self: stretch;\n }\n\n // Docked mode (not collapsed) — sidebar beside content\n &:not(.collapsed) .adw-osv-sidebar {\n position: relative;\n }\n\n // Docked hide: slide left and collapse via opacity. Sidebar keeps its\n // intrinsic width so internal elements don't reflow.\n &:not(.collapsed):not(.show-sidebar) .adw-osv-sidebar {\n transform: translateX(-100%);\n opacity: 0;\n pointer-events: none;\n }\n\n // Docked + sidebar-end — dock the sidebar to the RIGHT of the content\n // (the Adw.OverlaySplitView { sidebar-position: end } layout). flex `order`\n // flips the visual order without changing the slotting DOM order.\n &:not(.collapsed).sidebar-end {\n .adw-osv-content {\n order: 1;\n }\n\n .adw-osv-sidebar {\n order: 2;\n border-inline-start: 1px solid var(--separator-color);\n }\n }\n\n // Docked hide when the sidebar is on the end edge: slide RIGHT, not left.\n &:not(.collapsed):not(.show-sidebar).sidebar-end .adw-osv-sidebar {\n transform: translateX(100%);\n }\n\n // Overlay mode (collapsed) — sidebar on top of content\n &.collapsed .adw-osv-sidebar {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n transform: translateX(-100%);\n opacity: 0;\n pointer-events: none;\n }\n\n &.collapsed.sidebar-end .adw-osv-sidebar {\n left: auto;\n right: 0;\n transform: translateX(100%);\n }\n\n &.collapsed.show-sidebar .adw-osv-sidebar {\n transform: translateX(0);\n opacity: 1;\n pointer-events: auto;\n }\n\n // Backdrop — visible only in overlay mode when sidebar is open\n .adw-osv-backdrop {\n display: none;\n }\n\n &.collapsed.show-sidebar .adw-osv-backdrop {\n display: block;\n position: absolute;\n inset: 0;\n background: rgba(0, 0, 0, 0.3);\n z-index: 9;\n }\n}\n\n// Sidebar content layout helper — wraps the sidebar's children with the\n// standard Adwaita spacing scale (12px padding, 12px gap between groups).\n.adw-sidebar-content {\n padding: var(--spacing-m);\n display: flex;\n flex-direction: column;\n gap: var(--spacing-m);\n}\n\n// Sidebar toggle button — sidebar-show-symbolic icon via CSS mask\n.adw-sidebar-toggle-icon::after {\n content: '';\n position: absolute;\n inset: 0;\n background-color: currentColor;\n -webkit-mask-image: var(--icon-sidebar-show);\n mask-image: var(--icon-sidebar-show);\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-size: 16px 16px;\n mask-size: 16px 16px;\n -webkit-mask-position: center;\n mask-position: center;\n pointer-events: none;\n}\n","// _navigation_split_view.scss — adw-navigation-split-view styling (docked sidebar).\n// Reference: refs/adwaita-web/adwaita-web/docs/widgets/navigationsplitview.md\n// Reference: refs/libadwaita/src/stylesheet/widgets/_sidebars.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-navigation-split-view {\n display: flex;\n flex-direction: row;\n min-height: 0;\n min-width: 0;\n flex: 1 1 auto;\n\n .adw-nsv-sidebar {\n display: flex;\n flex-direction: column;\n min-height: 0;\n flex-shrink: 0;\n border-right: 1px solid var(--separator-color);\n background-color: var(--sidebar-bg-color);\n }\n\n .adw-nsv-content {\n display: flex;\n flex-direction: column;\n min-width: 0;\n min-height: 0;\n flex: 1 1 auto;\n background-color: var(--window-bg-color);\n }\n\n // Collapsed (narrow): one pane at a time.\n &.collapsed.show-content .adw-nsv-sidebar {\n display: none;\n }\n\n &.collapsed:not(.show-content) {\n .adw-nsv-content {\n display: none;\n }\n\n .adw-nsv-sidebar {\n flex: 1 1 auto;\n max-width: none;\n border-right: none;\n }\n }\n}\n","// _carousel.scss — adw-carousel + its dot/line page indicators.\n//\n// A horizontal scroll-snap pager (adw-carousel) plus two indicator widgets that\n// bind to it. The indicators reproduce libadwaita's snapshot drawing as CSS: a\n// per-marker `--adw-carousel-progress` (0 = inactive, 1 = focused) lerps between\n// the inactive and selected size/opacity exactly as AdwCarousel does.\n//\n// Dots: DOTS_RADIUS 3 → DOTS_RADIUS_SELECTED 4 (6px → 8px), DOTS_SPACING 7,\n// DOTS_OPACITY 0.3 → DOTS_OPACITY_SELECTED 0.9, active fill = accent.\n// Lines: LINE_LENGTH 35, LINE_WIDTH 3, LINE_SPACING 5, LINE_OPACITY 0.3 →\n// LINE_OPACITY_ACTIVE 0.9, active fill = accent.\n//\n// Reference: refs/libadwaita/src/adw-carousel.c\n// Reference: refs/libadwaita/src/adw-carousel-indicator-dots.c\n// Reference: refs/libadwaita/src/adw-carousel-indicator-lines.c\n// Reference: refs/adwaita-web/adwaita-web/scss/_carousel_indicators.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-carousel {\n display: block;\n overflow: hidden;\n\n .adw-carousel-track {\n display: flex;\n flex-direction: row;\n height: 100%;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n // Hide the scrollbar — the carousel is paged, not scrolled by chrome.\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n }\n\n .adw-carousel-page {\n flex: 0 0 100%;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n scroll-snap-align: start;\n scroll-snap-stop: always;\n }\n}\n\n// Shared layout for both indicator kinds — a centered, horizontally-laid-out\n// row of markers (matching the AdwCarouselIndicator* widgets).\nadw-carousel-indicator-dots,\nadw-carousel-indicator-lines {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--spacing-xs);\n\n // The clickable marker resets the button chrome — the visible shape is drawn\n // by the per-kind rules below.\n button {\n appearance: none;\n -webkit-appearance: none;\n margin: 0;\n padding: 0;\n border: none;\n background: none;\n cursor: pointer;\n flex: 0 0 auto;\n }\n}\n\n// Dots — DOTS_SPACING 7px between centers; base diameter 6px (radius 3) growing\n// to 8px (radius 4) on the focused dot, opacity ramping 0.3 → 0.9.\nadw-carousel-indicator-dots {\n gap: 7px;\n\n .adw-carousel-dot {\n width: 8px;\n height: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n // The painted disc lives in ::before so the 8px hit-target stays constant\n // while the visible dot grows from 6px → 8px with progress.\n &::before {\n content: '';\n display: block;\n // 6px + (8px - 6px) * progress\n width: calc(6px + 2px * var(--adw-carousel-progress, 0));\n height: calc(6px + 2px * var(--adw-carousel-progress, 0));\n border-radius: 50%;\n background-color: var(--window-fg-color);\n // 0.3 + (0.9 - 0.3) * progress\n opacity: calc(0.3 + 0.6 * var(--adw-carousel-progress, 0));\n transition:\n width 0.2s ease,\n height 0.2s ease,\n opacity 0.2s ease,\n background-color 0.2s ease;\n }\n\n &.active::before {\n background-color: var(--window-fg-color);\n }\n }\n}\n\n// Lines — LINE_LENGTH 35px, LINE_WIDTH 3px, LINE_SPACING 5px; opacity ramps\n// 0.3 → 0.9; the active line recolors to the accent.\nadw-carousel-indicator-lines {\n gap: 5px;\n\n .adw-carousel-line {\n width: 35px;\n height: 3px;\n border-radius: 1.5px;\n background-color: var(--window-fg-color);\n // 0.3 + (0.9 - 0.3) * progress\n opacity: calc(0.3 + 0.6 * var(--adw-carousel-progress, 0));\n transition:\n opacity 0.2s ease,\n background-color 0.2s ease;\n\n &.active {\n background-color: var(--window-fg-color);\n }\n }\n}\n","// _tab_view.scss — adw-tab-view styling (a dynamic tabbed container with a tab\n// bar header; one page visible at a time). The bar is a headerbar-colored strip\n// of rounded chips; the selected chip is raised onto the view background, the\n// way libadwaita draws AdwTabBar over an AdwTabView.\n// Reference: refs/libadwaita/src/stylesheet/widgets/_tab-view.scss (tabbar/tabbox/tab)\n// Reference: refs/adwaita-web/adwaita-web/scss/_tabs.scss\n// Copyright (c) 2020-2022 Purism SPC / GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-tab-view {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n overflow: hidden;\n background-color: var(--window-bg-color);\n color: var(--window-fg-color);\n\n // --- Tab bar (the AdwTabBar strip) ---\n .adw-tab-bar {\n display: flex;\n align-items: flex-end;\n flex-shrink: 0;\n box-sizing: border-box;\n padding: 0 var(--spacing-xs);\n background-color: var(--headerbar-bg-color);\n color: var(--headerbar-fg-color);\n // libadwaita's inset bottom shade under the bar.\n box-shadow: inset 0 -1px var(--headerbar-shade-color);\n overflow-x: auto;\n scrollbar-width: thin;\n\n &[hidden] {\n display: none;\n }\n }\n\n .adw-tab-box {\n display: flex;\n align-items: stretch;\n gap: var(--spacing-xs);\n padding: var(--spacing-xs) 0;\n min-height: 34px;\n }\n\n // --- A single tab chip ---\n .adw-tab {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n gap: var(--spacing-xs);\n max-width: 200px;\n min-height: 26px;\n margin: 0;\n padding: 4px var(--spacing-s);\n border: none;\n border-radius: var(--button-radius);\n background-color: transparent;\n color: var(--headerbar-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n font-weight: 700;\n line-height: 1;\n cursor: pointer;\n user-select: none;\n -webkit-user-select: none;\n transition:\n background-color 150ms ease-in-out,\n color 150ms ease-in-out,\n box-shadow 150ms ease-in-out;\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color, var(--button-hover-color));\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: -1px;\n }\n\n // The selected tab — a raised chip on the view background, the way\n // libadwaita lifts the active tab off the bar.\n &.active {\n background-color: var(--view-bg-color);\n color: var(--view-fg-color);\n box-shadow:\n 0 1px 3px 1px rgba(0, 0, 6, 0.07),\n 0 2px 6px 2px rgba(0, 0, 6, 0.03);\n\n &:hover {\n background-color: var(--view-bg-color);\n }\n }\n }\n\n .adw-tab-title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 0;\n }\n\n // --- Close affordance (CSS-drawn \"×\", no symbolic icon ships) ---\n .adw-tab-close {\n box-sizing: border-box;\n flex-shrink: 0;\n position: relative;\n width: 18px;\n height: 18px;\n margin: 0;\n padding: 0;\n border: none;\n border-radius: 9999px;\n background-color: transparent;\n color: inherit;\n cursor: pointer;\n opacity: 0.7;\n transition:\n background-color 150ms ease-in-out,\n opacity 150ms ease-in-out;\n\n &:hover {\n opacity: 1;\n background-color: var(--button-hover-color);\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: 1px;\n }\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 9px;\n height: 1.5px;\n background-color: currentColor;\n border-radius: 1px;\n }\n\n &::before {\n transform: translate(-50%, -50%) rotate(45deg);\n }\n\n &::after {\n transform: translate(-50%, -50%) rotate(-45deg);\n }\n }\n\n // Single-tab bars dim the close affordance (libadwaita keeps a lone tab\n // non-interactive-looking).\n .adw-tab-bar.single-tab .adw-tab {\n &,\n &:hover,\n &:active {\n background: none;\n box-shadow: none;\n color: var(--headerbar-fg-color);\n }\n }\n\n // --- Pages (the AdwTabView content area) ---\n .adw-tab-view-pages {\n flex: 1 1 auto;\n position: relative;\n box-sizing: border-box;\n overflow: hidden;\n background-color: var(--view-bg-color);\n color: var(--view-fg-color);\n }\n\n .adw-tab-page {\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n overflow: auto;\n\n &[hidden] {\n display: none;\n }\n\n &.active-page {\n display: block;\n }\n }\n}\n","// _view_switcher.scss — adw-view-switcher styling: an adaptive, tab-style\n// switcher (single `viewswitcher` node) above a content area showing one page\n// at a time. Buttons are always icon + label, laid out side by side (`.wide`)\n// or stacked (`.narrow`), matching libadwaita's policy style classes.\n// Reference: refs/libadwaita/src/stylesheet/widgets/_view-switcher.scss (AdwViewSwitcher)\n// Reference: refs/adwaita-web/adwaita-web/scss/_viewswitcher.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-view-switcher {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n\n // The segmented button bar — the single `viewswitcher` node in libadwaita.\n // Homogeneous tabs (equal width via flex:1) with a small gutter between them.\n .adw-view-switcher-bar {\n display: flex;\n align-items: stretch;\n gap: 3px; // libadwaita's `border-spacing: 3px`\n min-height: 34px;\n }\n\n // Each tab is a flat, transparent toggle that lights up with a subtle fill\n // when hovered and shows the active page with an accent-tinted background.\n .adw-view-switcher-button {\n box-sizing: border-box;\n display: inline-flex;\n flex: 1 1 0; // homogeneous — every tab gets equal width\n align-items: center;\n justify-content: center;\n margin: 0;\n padding: 2px 12px;\n border: none;\n border-radius: var(--button-radius);\n background-color: transparent;\n color: var(--window-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n font-weight: 700;\n line-height: 1.2;\n cursor: pointer;\n transition:\n color 0.2s ease,\n background-color 0.2s ease;\n user-select: none;\n -webkit-user-select: none;\n\n .adw-icon {\n width: 16px;\n height: 16px;\n flex: none;\n }\n\n .adw-view-switcher-label {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: -2px;\n }\n\n // The selected view — a neutral filled chip (libadwaita darkens the\n // whole button; the icon/label keep the normal foreground colour\n // rather than turning accent).\n &.active {\n background-color: var(--button-active-color);\n color: var(--window-fg-color);\n\n &:hover {\n background-color: var(--button-active-color);\n }\n }\n }\n\n // Wide policy — icon and label side by side.\n &.wide .adw-view-switcher-button {\n flex-direction: row;\n gap: var(--spacing-xs);\n }\n\n // Narrow policy — icon stacked above a smaller label, the compact layout\n // libadwaita drops to in a header bar at narrow window widths.\n &.narrow {\n .adw-view-switcher-bar {\n min-height: 6px;\n }\n\n .adw-view-switcher-button {\n flex-direction: column;\n gap: 1px;\n padding-top: 4px;\n padding-bottom: 2px;\n font-size: 0.75rem;\n\n .adw-view-switcher-label {\n min-height: 18px;\n line-height: 18px;\n }\n }\n }\n\n // The paired content area showing the active page — a card-like surface\n // below the switcher (the web stand-in for the Adw.ViewStack body).\n .adw-view-switcher-content {\n flex: 1 1 auto;\n margin-top: var(--spacing-s);\n padding: var(--spacing-m);\n background-color: var(--view-bg-color);\n border: 1px solid var(--separator-color);\n border-radius: var(--card-radius);\n }\n\n .adw-view-switcher-page {\n display: none;\n\n &.active-view {\n display: block;\n }\n }\n}\n","// _inline_view_switcher.scss — adw-inline-view-switcher styling (a compact view\n// switcher: a toggle-group-style bar of one toggle per page over a single\n// stacked content area, with the active toggle drawn as the raised Adwaita\n// active-toggle chip). The bar's per-display-mode sizing (labels / icons / both)\n// mirrors libadwaita's `inline-view-switcher > toggle-group.{labels,icons,both}`.\n// Reference: refs/libadwaita/src/adw-inline-view-switcher.c (AdwInlineViewSwitcher)\n// Reference: refs/libadwaita/src/stylesheet/widgets/_toggle-group.scss (inline-view-switcher > toggle-group)\n// Reference: refs/adwaita-web/adwaita-web/scss/_viewswitcher.scss\n// Copyright (c) 2023 Maximiliano Sandoval / 2024 GNOME Foundation Inc. (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\n// The active toggle uses a white-on-fg \"raised\" chip — the same tokens the\n// toggle-group uses (defined there; _theme.scss overrides them for dark).\n\nadw-inline-view-switcher {\n // libadwaita's ---group-padding: a small inset so the active chip floats\n // inside the group's pill, leaving a hairline of group background around it.\n --group-padding: 3px;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n\n // The switcher bar — a toggle-group pill, sized to its content.\n .adw-inline-view-switcher-group {\n display: inline-flex;\n box-sizing: border-box;\n align-items: stretch;\n gap: var(--group-padding);\n padding: var(--group-padding);\n border-radius: var(--button-radius);\n background-color: var(--button-bg-color);\n }\n\n // Each toggle is a button-shaped chip with the group's inner radius.\n .adw-inline-view-switcher-toggle {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--spacing-xs);\n min-width: 34px;\n min-height: 28px;\n margin: 0;\n padding: 4px 11px;\n border: none;\n border-radius: calc(var(--button-radius) - var(--group-padding));\n background-color: transparent;\n color: var(--window-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n font-weight: 700;\n line-height: 1;\n cursor: pointer;\n transition:\n color 0.2s ease,\n background-color 0.2s ease,\n box-shadow 0.2s ease;\n user-select: none;\n -webkit-user-select: none;\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: 1px;\n }\n\n // The active toggle — a raised white chip, the way libadwaita draws it.\n &.active {\n background-color: var(--active-toggle-bg-color);\n color: var(--active-toggle-fg-color);\n box-shadow:\n 0 1px 3px 1px rgba(0, 0, 6, 0.07),\n 0 2px 6px 2px rgba(0, 0, 6, 0.03);\n\n &:hover {\n background-color: var(--active-toggle-bg-color);\n }\n }\n }\n\n // The switcher's symbolic icon — a currentColor mask, sized like a toolbar\n // icon (matches the .adw-icon base used across @gjsify/adwaita-web).\n .adw-inline-view-switcher-icon {\n display: inline-block;\n width: 16px;\n height: 16px;\n flex: none;\n background-color: currentColor;\n mask-size: contain;\n mask-repeat: no-repeat;\n mask-position: center;\n -webkit-mask-size: contain;\n -webkit-mask-repeat: no-repeat;\n -webkit-mask-position: center;\n }\n\n .adw-inline-view-switcher-label {\n white-space: nowrap;\n }\n\n // The stacked content area below the bar — exactly one page is visible.\n .adw-inline-view-switcher-pages {\n width: 100%;\n }\n\n .adw-inline-view-switcher-page {\n &:not(.active-view) {\n display: none;\n }\n }\n\n // Per-display-mode sizing, mirroring libadwaita's\n // inline-view-switcher > toggle-group.{icons,labels,both}.\n .adw-inline-view-switcher-group.icons .adw-inline-view-switcher-toggle {\n min-width: 34px;\n padding-left: 0;\n padding-right: 0;\n }\n\n .adw-inline-view-switcher-group.labels .adw-inline-view-switcher-toggle {\n min-width: calc(18px + var(--group-padding) * 2);\n }\n\n // Round — group + toggles become pill-shaped.\n &.round {\n .adw-inline-view-switcher-group {\n border-radius: 17px;\n }\n\n .adw-inline-view-switcher-toggle {\n border-radius: calc(17px - var(--group-padding));\n padding-left: calc(15px - var(--group-padding));\n padding-right: calc(15px - var(--group-padding));\n }\n }\n\n // Flat — no group background; the active toggle uses a subtle fill instead\n // of the raised white chip.\n &.flat {\n --group-padding: 0px;\n\n .adw-inline-view-switcher-group {\n padding: 0;\n background: none;\n }\n\n .adw-inline-view-switcher-toggle {\n border-radius: var(--button-radius);\n\n &.active {\n background-color: var(--button-active-color);\n color: inherit;\n box-shadow: none;\n\n &:hover {\n background-color: var(--button-active-color);\n }\n }\n }\n\n &.round .adw-inline-view-switcher-toggle {\n border-radius: 17px;\n }\n }\n}\n","// _navigation_view.scss — adw-navigation-view styling (a page-based navigation\n// container; one page visible at a time, controlled with push/pop). The visible\n// page fills the view on the window background; an automatic back button is\n// drawn flat at the start of the visible page's header bar.\n// Reference: refs/libadwaita/src/adw-navigation-view.c (css node \"navigation-view\")\n// Reference: refs/adwaita-web/adwaita-web/docs/widgets/navigationview.md\n// Copyright (c) 2022-2023 Purism SPC / GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-navigation-view {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n position: relative;\n overflow: hidden;\n background-color: var(--window-bg-color);\n color: var(--window-fg-color);\n\n // The page stack — fills the view; positioned so pages can stack.\n .adw-navigation-view-pages {\n flex: 1 1 auto;\n position: relative;\n box-sizing: border-box;\n min-height: 0;\n overflow: hidden;\n }\n\n // A single navigation page — the visible one fills the view, the rest are\n // hidden. Positioned absolutely so a transition can overlap two pages.\n .adw-navigation-page {\n box-sizing: border-box;\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n overflow: auto;\n background-color: var(--window-bg-color);\n color: var(--window-fg-color);\n\n &[hidden] {\n display: none;\n }\n\n &.visible-page {\n display: flex;\n }\n\n // Let a page whose direct child fills (a toolbar-view / status-page)\n // stretch to the full height.\n > * {\n flex: 1 1 auto;\n min-height: 0;\n }\n }\n\n // The injected automatic back button — flat, sits at the start of the visible\n // page's header bar (mirrors AdwHeaderBar's grown-in back button).\n .adw-navigation-back-button {\n flex-shrink: 0;\n }\n\n // Slide transition for the visible page when transitions are animated. The\n // entering page fades up from a slight horizontal offset (LTR push), matching\n // libadwaita's spring-driven slide closely enough for the web target.\n &.animated .adw-navigation-page.visible-page {\n animation: adw-navigation-page-in 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n}\n\n@keyframes adw-navigation-page-in {\n from {\n opacity: 0;\n transform: translateX(12px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n","// _bottom_sheet.scss — adw-bottom-sheet styling (a content area with a sheet\n// that slides up from the bottom edge over the content, with an overlaid drag\n// handle). Mirrors libadwaita's AdwBottomSheet CSS node tree: a persistent\n// content layer, a dimming layer that fades in over it while open (modal), and\n// the sheet itself anchored to the bottom edge with rounded top corners + the\n// pill-shaped drag handle.\n// Reference: refs/libadwaita/src/stylesheet/widgets/_bottom-sheet.scss\n// (dimming / sheet box-shadow / drag-handle pill / dialog top radius)\n// Reference: refs/libadwaita/src/adw-bottom-sheet.c (open / modal / can-close)\n// Copyright (c) 2023-2024 GNOME Foundation Inc. (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-bottom-sheet {\n display: block;\n position: relative;\n box-sizing: border-box;\n overflow: hidden;\n background-color: var(--window-bg-color);\n color: var(--window-fg-color);\n\n // --- Persistent content layer ---\n .adw-bottom-sheet-content {\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n }\n\n // --- Dimming layer (modal scrim over the content) ---\n // libadwaita: > dimming { background: shade-color × 2 }. Non-interactive +\n // transparent when the sheet is closed.\n .adw-bottom-sheet-dimming {\n position: absolute;\n inset: 0;\n box-sizing: border-box;\n background-color: rgba(0, 0, 6, 0.32);\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition:\n opacity 200ms ease,\n visibility 0s linear 200ms;\n\n &.visible {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n transition:\n opacity 200ms ease,\n visibility 0s;\n }\n }\n\n // --- The slide-up sheet ---\n // Anchored to the bottom edge, full-width, rounded top corners (dialog\n // radius), slid off-screen when closed. The spring-driven AdwBottomSheet uses\n // a translate; the web port uses an eased transform for the same effect.\n .adw-bottom-sheet-sheet {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n box-sizing: border-box;\n max-height: 100%;\n overflow: auto;\n background-color: var(--view-bg-color);\n color: var(--view-fg-color);\n border-top-left-radius: var(--window-radius);\n border-top-right-radius: var(--window-radius);\n box-shadow:\n 0 0 14px 2px rgba(0, 0, 6, 0.03),\n 0 0 5px 2px rgba(0, 0, 6, 0.1),\n 0 0 0 1px rgba(0, 0, 0, 0.05);\n transform: translateY(100%);\n transition:\n transform 250ms ease,\n box-shadow 250ms ease;\n will-change: transform;\n }\n\n // --- Drag handle (overlaid pill at the top of the sheet) ---\n // libadwaita: > drag-handle { min-width 54px; min-height 6px; margin 15px;\n // border-radius 99px; background currentColor @ 25% }.\n .adw-bottom-sheet-drag-handle {\n flex-shrink: 0;\n box-sizing: border-box;\n width: 54px;\n min-height: 6px;\n height: 6px;\n margin: 15px auto;\n border-radius: 99px;\n background-color: color-mix(in srgb, currentColor 25%, transparent);\n cursor: pointer;\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: 4px;\n }\n }\n\n .adw-bottom-sheet-sheet-body {\n box-sizing: border-box;\n }\n\n // --- Open state ---\n &.open .adw-bottom-sheet-sheet {\n transform: translateY(0);\n }\n\n // A non-modal sheet must not block the content beneath it.\n &:not(.modal) .adw-bottom-sheet-dimming {\n display: none;\n }\n}\n","// _sidebar.scss — adw-sidebar styling (a selectable navigation sidebar built\n// from titled sections of icon + title + subtitle items). In sidebar mode it\n// renders as the flat AdwSidebar navigation list (`.navigation-sidebar`); in\n// page mode it renders as boxed lists with a trailing chevron on each row (the\n// AdwPreferencesPage look the native widget switches to when collapsed).\n// Reference: refs/libadwaita/src/stylesheet/widgets/_sidebars.scss (.navigation-sidebar, sidebar)\n// Reference: refs/libadwaita/src/adw-sidebar.c (row/header/section structure)\n// Copyright (c) 2025 GNOME Foundation Inc. (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-sidebar {\n display: block;\n box-sizing: border-box;\n overflow-y: auto;\n background-color: var(--sidebar-bg-color, var(--window-bg-color));\n color: var(--sidebar-fg-color, var(--window-fg-color));\n\n .adw-sidebar-list {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n // libadwaita's menu margins around the navigation list.\n padding: var(--spacing-xs) 0;\n }\n\n .adw-sidebar-section {\n display: flex;\n flex-direction: column;\n }\n\n // --- Section headers (heading or separator) ---\n .adw-sidebar-section-header {\n &[hidden] {\n display: none;\n }\n\n // Untitled section → a horizontal separator before its rows (the way the\n // AdwSidebar header stack shows its \"separator\" child).\n &.separator {\n height: 1px;\n margin: var(--spacing-xs) var(--spacing-s);\n background-color: var(--separator-color, var(--card-shade-color));\n }\n\n &.has-title {\n padding: var(--spacing-s) calc(var(--spacing-s) + 6px) var(--spacing-xs);\n\n // The first header sits flush with the top (mirrors `.header.first`).\n &.first {\n padding-top: 0;\n }\n }\n }\n\n .adw-sidebar-section-heading {\n font-size: var(--font-size-small);\n font-weight: 700;\n opacity: var(--dim-opacity);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n // --- A single item row ---\n .adw-sidebar-item {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n gap: var(--spacing-m);\n width: 100%;\n min-height: 36px;\n // The native row has a context menu, so padding lives on the inner box and\n // the row itself carries the menu margin + radius.\n margin: 0 var(--spacing-xs) 2px;\n padding: 3px 14px;\n border: none;\n border-radius: var(--button-radius, 6px);\n background-color: transparent;\n color: inherit;\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n text-align: start;\n cursor: pointer;\n user-select: none;\n -webkit-user-select: none;\n transition:\n background-color 150ms ease-in-out,\n color 150ms ease-in-out;\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color, var(--button-hover-color));\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: -2px;\n }\n\n // Selected row — a neutral filled highlight; libadwaita's AdwSidebar\n // selection is a subtle fill with the normal foreground, not accent.\n &.selected {\n background-color: var(--button-active-color);\n color: var(--window-fg-color);\n\n &:hover,\n &:active {\n background-color: var(--button-active-color);\n }\n }\n }\n\n .adw-sidebar-item-icon {\n flex-shrink: 0;\n\n &[hidden] {\n display: none;\n }\n }\n\n .adw-sidebar-item-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1 1 auto;\n min-width: 0;\n }\n\n .adw-sidebar-item-title {\n font-size: var(--font-size-base);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &[hidden] {\n display: none;\n }\n }\n\n .adw-sidebar-item-subtitle {\n font-size: var(--font-size-small);\n opacity: var(--dim-opacity);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &[hidden] {\n display: none;\n }\n }\n\n // The trailing chevron is only drawn in page (boxed-list) mode.\n .adw-sidebar-item-arrow {\n flex-shrink: 0;\n opacity: var(--dim-opacity);\n display: none;\n }\n\n // --- Page mode (boxed lists) ---\n // Sections become bordered, rounded cards (the AdwPreferencesGroup look) and\n // each row gains its trailing chevron; selection no longer fills the row with\n // the accent color, matching how the native widget drops the list selection\n // in page mode.\n &.page {\n .adw-sidebar-list {\n padding: var(--spacing-m);\n gap: var(--spacing-xs);\n }\n\n .adw-sidebar-section {\n border: 1px solid var(--card-shade-color);\n border-radius: var(--card-radius, 12px);\n background-color: var(--card-bg-color);\n color: var(--card-fg-color);\n overflow: hidden;\n }\n\n .adw-sidebar-section-header.has-title {\n padding: var(--spacing-m) var(--spacing-xs) var(--spacing-xs);\n\n &.first {\n padding-top: var(--spacing-m);\n }\n }\n\n .adw-sidebar-item {\n margin: 0;\n padding: var(--spacing-s) var(--spacing-m);\n border-radius: 0;\n border-bottom: 1px solid var(--card-shade-color);\n\n &:last-child {\n border-bottom: none;\n }\n\n &.selected {\n background-color: transparent;\n color: var(--card-fg-color);\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n }\n }\n\n .adw-sidebar-item-arrow {\n display: inline-block;\n }\n }\n}\n","// _about_dialog.scss — adw-about-dialog styling (a modal AdwDialog floating\n// sheet hosting the About navigation view: a full-cover scrim + a centred,\n// rounded, scrollable sheet box). Mirrors libadwaita's AdwDialog floating-sheet\n// node tree (dimming + rounded sheet with the outline + layered shadow) and the\n// AdwAboutDialog main page layout (large icon, title-1 name, dimmed developer\n// line, the version pill, then the navigation rows).\n// Reference: refs/libadwaita/src/stylesheet/widgets/_dialogs.scss\n// (floating-sheet > dimming / > sheet radius + box-shadow + outline)\n// Reference: refs/libadwaita/src/adw-about-dialog.ui (page tree, content-width 360)\n// Reference: refs/adwaita-web/adwaita-web/scss/_about_dialog.scss (web layout)\n// Copyright (c) 2022-2024 GNOME Foundation Inc. / Purism SPC (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-about-dialog {\n // The host is inert until presented; `.open` reveals the scrim + sheet.\n display: none;\n\n &.open {\n display: block;\n }\n\n // --- Full-cover modal scrim ---\n // libadwaita: floating-sheet > dimming { background shade-color × 2 }.\n .adw-about-dialog-scrim {\n position: fixed;\n inset: 0;\n z-index: 1000;\n background-color: rgba(0, 0, 6, 0.32);\n animation: adw-about-dialog-scrim-in 200ms ease;\n }\n\n // --- Centred floating sheet ---\n // libadwaita: floating-sheet > sheet { dialog radius; layered shadow; 1px\n // outline -1px offset }. content-width 360 → a comfortable ~360px sheet.\n .adw-about-dialog-sheet {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 1001;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n width: 360px;\n max-width: calc(100vw - 48px);\n max-height: calc(100vh - 48px);\n overflow: hidden;\n background-color: var(--window-bg-color);\n color: var(--window-fg-color);\n border-radius: var(--window-radius);\n outline: 1px solid var(--separator-color);\n outline-offset: -1px;\n box-shadow:\n 0 0 14px 2px rgba(0, 0, 6, 0.03),\n 0 0 5px 2px rgba(0, 0, 6, 0.1),\n 0 0 0 1px rgba(0, 0, 0, 0.05);\n animation: adw-about-dialog-sheet-in 200ms cubic-bezier(0, 0, 0.2, 1);\n\n &:focus {\n outline: 1px solid var(--separator-color);\n outline-offset: -1px;\n }\n }\n\n // The navigation view fills the sheet; each page is a column.\n adw-navigation-view,\n .adw-navigation-view-pages,\n .adw-navigation-page {\n display: flex;\n flex-direction: column;\n flex: 1 1 auto;\n min-height: 0;\n }\n\n // --- Toolbar view (flat header bar over the window background + scroller) ---\n .adw-about-dialog-toolbar-view {\n display: flex;\n flex-direction: column;\n flex: 1 1 auto;\n min-height: 0;\n }\n\n // The dialog header bar is flat: transparent over the window background, no\n // bottom separator (libadwaita: window.about headerbar.titlebar { flat }).\n adw-header-bar {\n background-color: transparent;\n box-shadow: none;\n min-height: 47px;\n }\n\n // The close button — a flat circular button drawing a \"×\" glyph (no\n // window-close symbolic icon ships in @gjsify/adwaita-icons).\n .adw-about-dialog-close {\n width: 34px;\n height: 34px;\n padding: 0;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n line-height: 1;\n\n &::before {\n content: '\\00d7'; // ×\n }\n }\n\n // --- Scrolling content area ---\n .adw-about-dialog-scroll {\n flex: 1 1 auto;\n min-height: 0;\n overflow-y: auto;\n overflow-x: hidden;\n }\n\n .adw-about-dialog-clamp {\n width: 100%;\n max-width: 360px;\n margin-inline: auto;\n box-sizing: border-box;\n }\n\n .adw-about-dialog-page-body {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n padding: 0 var(--spacing-m) var(--spacing-l);\n }\n\n // --- Main page header title: hidden until the content scrolls ---\n // Mirrors AdwAboutDialog's update_headerbar_cb (show title once scrolled > 0).\n .main-page {\n adw-header-bar .adw-header-bar-title {\n opacity: 0;\n transition: opacity 150ms ease;\n }\n\n &.scrolled adw-header-bar .adw-header-bar-title {\n opacity: 1;\n }\n }\n\n // --- App icon (the large recessed glyph) ---\n .adw-about-dialog-icon {\n align-self: center;\n width: 96px;\n height: 96px;\n margin-top: var(--spacing-s);\n margin-bottom: var(--spacing-m);\n // Mask-driven adw-icon scaled up to the about-dialog app-icon size.\n -webkit-mask-size: contain;\n mask-size: contain;\n background-color: currentColor;\n }\n\n // --- App name (title-1) ---\n .adw-about-dialog-name {\n align-self: center;\n text-align: center;\n font-size: 18pt;\n font-weight: 800;\n line-height: 1.2;\n margin-bottom: var(--spacing-xs);\n }\n\n // --- Developer / vendor line ---\n .adw-about-dialog-developer {\n align-self: center;\n text-align: center;\n font-size: var(--font-size-base);\n opacity: var(--dim-opacity);\n margin-bottom: var(--spacing-m);\n }\n\n // --- Version pill ---\n // libadwaita: .app-version { small accent chip }.\n .adw-about-dialog-version {\n align-self: center;\n padding: 2px 12px;\n margin-bottom: var(--spacing-l);\n border-radius: 99px;\n font-size: var(--font-size-small);\n line-height: 1.4;\n background-color: color-mix(in srgb, var(--accent-bg-color) 14%, transparent);\n color: var(--accent-color);\n }\n\n // --- Row groups (Details / Credits / Legal navigation, link rows) ---\n .adw-about-dialog-rows {\n width: 100%;\n margin-top: var(--spacing-m);\n\n & + .adw-about-dialog-rows {\n margin-top: var(--spacing-l);\n }\n }\n\n // The trailing chevron / link affordance on a navigation or link row.\n .adw-about-dialog-chevron {\n width: 16px;\n height: 16px;\n opacity: var(--dim-opacity);\n }\n\n // --- Subpage content (Details / Credits / Legal) ---\n .adw-about-dialog-comments {\n margin: var(--spacing-s) 0 0;\n font-size: var(--font-size-base);\n line-height: 1.5;\n text-align: start;\n white-space: pre-wrap;\n }\n\n .adw-about-dialog-copyright {\n margin: var(--spacing-s) 0 0;\n font-size: var(--font-size-small);\n opacity: var(--dim-opacity);\n text-align: center;\n }\n\n .adw-about-dialog-license {\n margin: var(--spacing-s) 0 0;\n font-size: var(--font-size-small);\n opacity: var(--dim-opacity);\n text-align: center;\n\n a {\n color: var(--accent-color);\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n}\n\n@keyframes adw-about-dialog-scrim-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes adw-about-dialog-sheet-in {\n from {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.95);\n }\n to {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n}\n","// _alert_dialog.scss — adw-alert-dialog: a modal scrim + centred dialog box with\n// a bold heading, body text and a row/column of response buttons.\n// Reference: refs/libadwaita/src/stylesheet/widgets/_dialogs.scss (floating-sheet,\n// AdwDialog sheet shadow + radius)\n// Reference: refs/adwaita-web/adwaita-web/scss/_dialog.scss (alert layout)\n// Reference: refs/libadwaita/src/adw-alert-dialog.c (response button layout)\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Implemented for @gjsify/adwaita-web Web Components.\n\n// Host: lay the scrim + box out as a full-cover overlay only while open.\nadw-alert-dialog {\n display: none;\n\n &.open {\n display: block;\n }\n}\n\n// The scrim — a fixed full-cover dimming layer behind the dialog box.\n.adw-alert-dialog-scrim {\n position: fixed;\n inset: 0;\n z-index: 1050;\n background-color: rgba(0, 0, 6, 0.32);\n // Centre the dialog box (the box is the scrim's flex child).\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--spacing-l);\n // Mirror the AdwDialog present transition (a quick fade + scale).\n animation: adw-alert-dialog-fade-in 0.2s cubic-bezier(0, 0, 0.2, 1);\n}\n\n// The dialog box — the AdwDialog \"sheet\": rounded window-colored surface with a\n// soft shadow + hairline outline, centred above the scrim.\n.adw-alert-dialog-box {\n position: fixed;\n top: 50%;\n left: 50%;\n z-index: 1051;\n transform: translate(-50%, -50%);\n\n display: flex;\n flex-direction: column;\n\n box-sizing: border-box;\n width: 100%;\n max-width: 300px;\n max-height: calc(100vh - 2 * var(--spacing-xl));\n overflow: hidden;\n\n background-color: var(--window-bg-color);\n color: var(--window-fg-color);\n border-radius: var(--window-radius);\n outline: 1px solid var(--separator-color);\n outline-offset: -1px;\n box-shadow:\n 0 0 14px 2px rgba(0, 0, 6, 0.03),\n 0 0 5px 2px rgba(0, 0, 6, 0.1),\n 0 0 0 1px rgba(0, 0, 0, 0.05);\n\n font-family: var(--font-family);\n\n animation: adw-alert-dialog-pop-in 0.2s cubic-bezier(0, 0, 0.2, 1);\n}\n\n// Wider layout when responses are laid out horizontally (prefer-wide-layout).\n.adw-alert-dialog-box:has(.adw-alert-dialog-responses.horizontal) {\n max-width: 360px;\n}\n\n// The scrollable message area: heading + body + optional extra child.\n.adw-alert-dialog-message {\n display: flex;\n flex-direction: column;\n padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-l);\n overflow-y: auto;\n}\n\n.adw-alert-dialog-heading {\n margin: 0;\n // Matches the GTK .title-2 typography style (bold heading).\n font-size: 15pt;\n font-weight: 800;\n line-height: 1.3;\n text-align: center;\n}\n\n.adw-alert-dialog-body {\n margin: var(--spacing-s) 0 0;\n font-size: var(--font-size-base);\n line-height: 1.4;\n text-align: center;\n}\n\n// Extra child slot, displayed below the body.\n.adw-alert-dialog-child {\n margin-top: var(--spacing-m);\n\n &:empty {\n display: none;\n }\n}\n\n// Response button area. Vertical (stacked) by default; horizontal when the\n// dialog opts into the wide layout.\n.adw-alert-dialog-responses {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-s);\n padding: var(--spacing-m) var(--spacing-l) var(--spacing-l);\n\n &.horizontal {\n flex-direction: row;\n justify-content: stretch;\n\n .adw-alert-dialog-response {\n flex: 1 1 0;\n }\n }\n}\n\n// The response buttons — full-width pills within the stacked layout. They reuse\n// the .adw-button skin (incl. .suggested-action / .destructive-action), so only\n// the full width needs adding here. The default response is NOT accent-tinted —\n// libadwaita only colours suggested/destructive responses; the default one is\n// just the Enter-activated button and keeps the neutral button style.\n.adw-alert-dialog-response.adw-button {\n width: 100%;\n justify-content: center;\n}\n\n@keyframes adw-alert-dialog-fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes adw-alert-dialog-pop-in {\n from {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.95);\n }\n to {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n}\n","// _preferences_dialog.scss — adw-preferences-dialog styling (scrim + dialog box).\n// Reference: refs/libadwaita/src/stylesheet/widgets/_dialogs.scss (floating-sheet\n// scrim/dimming + sheet radius + box-shadow + outline)\n// Reference: refs/libadwaita/src/adw-preferences-dialog.ui (flat header + title)\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-preferences-dialog {\n // Hidden until presented (the `open` class is toggled by the component). The\n // element itself contributes nothing to layout while closed.\n display: none;\n\n &.open {\n display: block;\n }\n\n // Full-cover scrim — a fixed dimming layer behind the dialog box. Adwaita\n // dims with `--shade-color` at double alpha (see _dialogs.scss `floating-sheet\n // > dimming`); --shade-color isn't in the adwaita-web token subset, so use the\n // equivalent neutral wash.\n .adw-preferences-dialog-scrim {\n position: fixed;\n inset: 0;\n z-index: 1000;\n background-color: rgba(0, 0, 6, 0.32);\n }\n\n // The centred floating dialog box. Mirrors `floating-sheet > sheet`: the\n // dialog radius (= --window-radius in Adwaita), the layered drop shadow and a\n // 1px window outline.\n .adw-preferences-dialog-box {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 1001;\n display: flex;\n flex-direction: column;\n width: min(var(--adw-dialog-content-width, 640px), calc(100vw - 48px));\n max-height: calc(100vh - 48px);\n overflow: hidden;\n background-color: var(--window-bg-color);\n color: var(--window-fg-color);\n border-radius: var(--window-radius);\n outline: 1px solid var(--separator-color);\n outline-offset: -1px;\n box-shadow:\n 0 0 0 1px rgba(0, 0, 0, 0.05),\n 0 0 5px 2px rgba(0, 0, 6, 0.1),\n 0 0 14px 2px rgba(0, 0, 6, 0.03);\n }\n\n // Flat header bar — transparent over the window background (Adw's preferences\n // dialog header uses a flat AdwHeaderBar), title centred against the trailing\n // close button.\n .adw-preferences-dialog-header {\n display: flex;\n align-items: center;\n min-height: 47px;\n padding: 0 6px;\n flex-shrink: 0;\n }\n\n // Equal-width sides keep the title optically centred (strict centering).\n .adw-preferences-dialog-header-side {\n display: flex;\n align-items: center;\n flex: 1 1 0;\n min-width: 0;\n }\n\n .adw-preferences-dialog-header-side--end {\n justify-content: flex-end;\n }\n\n .adw-preferences-dialog-title {\n flex: 0 0 auto;\n font-weight: bold;\n font-size: var(--font-size-base);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: 0 6px;\n }\n\n // Round flat close button drawing a CSS \"×\" glyph (no symbolic close icon\n // ships in @gjsify/adwaita-icons — same approach as <adw-tab-view>).\n .adw-preferences-dialog-close {\n appearance: none;\n border: none;\n margin: 0;\n width: 28px;\n height: 28px;\n padding: 0;\n border-radius: 50%;\n background-color: transparent;\n color: var(--window-fg-color);\n cursor: pointer;\n position: relative;\n transition: background-color 0.1s ease;\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 12px;\n height: 1.5px;\n background-color: currentColor;\n border-radius: 1px;\n }\n\n &::before {\n transform: translate(-50%, -50%) rotate(45deg);\n }\n\n &::after {\n transform: translate(-50%, -50%) rotate(-45deg);\n }\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n\n &.locked {\n opacity: var(--dim-opacity);\n cursor: default;\n }\n }\n\n // Scrolled body holding the stacked pages. Adwaita preferences pages sit on\n // the window background (the boxed-list groups carry their own card surface).\n .adw-preferences-dialog-body {\n flex: 1 1 auto;\n min-height: 0;\n overflow-y: auto;\n }\n\n // Clamped column of preferences groups — Adw.PreferencesPage clamps content to\n // a comfortable reading width and stacks groups with generous spacing.\n .adw-preferences-dialog-pages {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-xl);\n max-width: 600px;\n margin: 0 auto;\n padding: var(--spacing-xl) var(--spacing-m);\n }\n}\n","// adwaita-skin.scss — Main entry point for @gjsify/adwaita-web.\n// Mirrors refs/adwaita-web/adwaita-web/scss/adwaita-skin.scss organization.\n// Reference: refs/adwaita-web/adwaita-web/scss/adwaita-skin.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\n@use 'icons.generated';\n@use 'variables';\n@use 'theme';\n@use 'window';\n@use 'headerbar';\n@use 'window_title';\n@use 'button';\n@use 'button_content';\n@use 'split_button';\n@use 'toggle_group';\n@use 'entry';\n@use 'preferences';\n@use 'card';\n@use 'clamp';\n@use 'spinner';\n@use 'avatar';\n@use 'banner';\n@use 'status_page';\n@use 'row';\n@use 'action_row';\n@use 'entry_row';\n@use 'switch_row';\n@use 'combo_row';\n@use 'spin_row';\n@use 'button_row';\n@use 'expander_row';\n@use 'password_entry_row';\n@use 'toast';\n@use 'toolbar_view';\n@use 'wrap_box';\n@use 'overlay_split_view';\n@use 'navigation_split_view';\n@use 'carousel';\n@use 'tab_view';\n@use 'view_switcher';\n@use 'inline_view_switcher';\n@use 'navigation_view';\n@use 'bottom_sheet';\n@use 'sidebar';\n@use 'about_dialog';\n@use 'alert_dialog';\n@use 'preferences_dialog';\n\n// Ensure the `hidden` attribute always wins: components that toggle visibility\n// via `element.hidden = true` set the HTML attribute, but a custom `display`\n// from a layout class (e.g. `.adw-switch { display: inline-flex }`) has equal\n// specificity and would otherwise override the UA `[hidden] { display: none }`,\n// leaving the element laid out (and stealing width from its siblings).\n[hidden] {\n display: none !important;\n}\n"]}
1	+ {"version":3,"sourceRoot":"","sources":["file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_icons.generated.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_variables.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_theme.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_root.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_window.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_headerbar.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_window_title.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_button.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_button_content.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_split_button.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_menu_button.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_toggle_group.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_entry.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_preferences.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_card.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_clamp.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_spinner.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_avatar.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_banner.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_status_page.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_row.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_action_row.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_entry_row.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_switch_row.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_combo_row.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_spin_row.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_button_row.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_expander_row.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_password_entry_row.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_toast.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_toolbar_view.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_wrap_box.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_overlay_split_view.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_navigation_split_view.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_carousel.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_tab_view.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_view_switcher.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_inline_view_switcher.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_view_stack.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_view_switcher_bar.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_navigation_view.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_bottom_sheet.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_sidebar.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_about_dialog.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_alert_dialog.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/_preferences_dialog.scss","file:///__w/gjsify/gjsify/packages/web/adwaita-web/scss/adwaita-skin.scss"],"names":[],"mappings":";AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;ACpNF;EAEE;EACA;EAGA;EACA;EAGA;EACA;EACA;EAKA;EAGA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;;;ACxCF;EACE;IAjCA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;;;AAWF;EAvCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;;;ACpBF;EACE;EACA;EACA;EACA;EACA;;;ACbF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAGF;EACA;EACA;;;ACdF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;;AAEA;EACE;EACA;EACA;EAEA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EAEA;;AAGF;EACE;EACA;EAGA;EACA;EACA;EAEA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACrEN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;ACvBJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAKF;EACE;;AAEA;EACE;;AAGF;EACE;;AAKJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAKJ;EACE;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKA;EACE;;;AASJ;EACE;;AAEA;AAAA;EAEE;;AAGF;AAAA;EAEE;EACA;;AAGF;AAAA;EAEE;EACA;;AAGF;EACE;;;AC5JJ;EACE;EACA;EAEA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAGF;EAGE;EACA;EACA;;AAMA;EACE;;AAGF;EACE;EACA;EACA;EACA;;;AClCN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EAEE;;AAIF;EACE;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EAEE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;;AAEA;EACE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;EACA;;AAKJ;EACE;EACA;;AAEA;EACE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAKJ;EACE;;AAIF;EACE;EACA;;AAEA;AAAA;EAEE;EACA;;;AC/MN;EACI;EACA;EACA;EACA;;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAKR;EACI;;AAIJ;EACI;;AAIJ;EACI;EACA;;AAGJ;EACI;;AAEA;EACI;EACA;;AAOR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACI;;AAIJ;EACI;;AAKR;EACI;EACA;EACA;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;;ACzIZ;EACE;EACA;;;AAGF;EAGE;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAGF;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAIF;EACE;EACA;EACA,YACE;;AAGF;EACE;;AAMN;EACE;;AAEA;EACE;EACA;EACA;;AAMJ;EACE;EAEA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAKN;EACE;;;AClHN;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EAEE;EACA;;AAIF;EACE;EACA;EACA;;;ACvCJ;EACE;;AAIA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA,YACE;EAGF;;;AChDJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA,YACE;EAGF;;;ACZF;EACE;EACA;EACA;;;ACHF;EACE;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;;AAEA;EAZF;IAaI;;;;AAIJ;EACE;IACE;;;ACnBJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;;ACtBJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAGA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;ACpCN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AC9BJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;;AAOJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;ACnDF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACvDJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC1CF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;;ACtDJ;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACnEN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;ACtDN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKA;EACE;;AAGF;EACE;;AAKJ;EACE;EACA;EACA;;AAGE;EACE;EACA;;AAMF;EACE;EACA;;AAMN;EACE;EACA;EACA;;AAGE;EACE;EACA;;AAMF;EACE;EACA;;;ACxFR;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;;AAIF;AAAA;EAEE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKF;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EACE;;;ACxIR;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAKJ;EACE;EACA;;;ACpDJ;EACE;EACA;;AAGA;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;AC/JN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AChBJ;EACE;EACA;EACA;EACA;EACA;EACA;;;ACbF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;;AAKF;EACE;EACA;EACA;;AAOA;EACE;;AAGF;EACE;EACA;;AAKJ;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAMJ;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACrHF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;;AAIA;EACE;;AAGF;EACE;EACA;EACA;;;ACzBN;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMJ;AAAA;EAEE;EACA;EACA;EACA;;AAIA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA,YACE;;AAMJ;EACE;;;AAON;EACE;;AAEA;EACE;EACA;EACA;EACA;EAEA;EACA,YACE;;AAGF;EACE;;;ACpHN;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA,YACE;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAOF;EAGE;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACnLN;EACI;EACA;EACA;;AAIA;EACI;EACA;EACA;EACA;;AAKJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACI;EAEJ;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAMJ;EACI;EACA;;AAEA;EACI;;AAMZ;EACI;EACA;;AAMA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAOZ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAEA;EACI;;;AClHZ;EAGI;EAEA;EACA;EACA;;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACI;EAGJ;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAIJ;EACI;EACA;EACA,YACI;;AAGJ;EACI;;AAOZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAIJ;EACI;;AAIA;EACI;;AAMR;EACI;EACA;EACA;;AAGJ;EACI;;AAKA;EACI;;AAGJ;EACI;EACA;EACA;;AAMR;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;;AAEA;EACI;EACA;EACA;;AAEA;EACI;;AAKZ;EACI;;;AClKZ;EACI;EACA;EACA;EAEA;EACA;;AAIA;EACI;;AAEA;EACI;EACA;EACA;EACA;;;ACdZ;EACI;EACA;EAGA;EACA;EACA;;AAGA;EACI;EACA;EAEA;;AAMJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACI;EAEJ;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAKJ;EACI;;AAEA;EACI;;;AChFhB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAKF;EACE;EACA;;AAMJ;EACE;;AAMF;EACE;;;AAIJ;EACE;IACE;IACA;;EAGF;IACE;IACA;;;ACjEJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EACE;EACA;EACA;EACA,YACE;;AASN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAGF;EACA,YACE;EAEF;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAIF;EACE;;AAIF;EACE;;;ACpGJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EAEA;;AAGF;EACE;EACA;;AAKA;EACE;;AAKF;EACE;EACA;EACA;;AAGF;EACE;;AAGA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;;AAEA;EAEE;;AAKN;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;;AASA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAKN;EACE;;;ACnMN;EAEE;;AAEA;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAGF;;AAEA;EACE;EACA;;AAKJ;AAAA;AAAA;EAGE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAMA;EACE;EACA;;AAGF;EACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;;AAMR;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;;ACpPJ;EACE;;AAEA;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;;;AAKF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;EAEA;;;AAIF;EACE;;;AAIF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAIF;EACE;;AAEA;EACE;;;AAMJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;;AAUN;EACE;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AC7IJ;EAGE;;AAEA;EACE;;AAOF;EACE;EACA;EACA;EACA;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;;AAQJ;EACE;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAMJ;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;;AC3FJ;EACE","sourcesContent":["// _icons.generated.scss — auto-generated by scripts/build-scss.mjs\n// DO NOT EDIT — regenerated on every build from @gjsify/adwaita-icons.\n\n:root {\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n --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\");\n}\n\n.adw-icon--edit-paste {\n mask-image: var(--icon-edit-paste);\n -webkit-mask-image: var(--icon-edit-paste);\n}\n\n.adw-icon--go-down {\n mask-image: var(--icon-go-down);\n -webkit-mask-image: var(--icon-go-down);\n}\n\n.adw-icon--sidebar-show {\n mask-image: var(--icon-sidebar-show);\n -webkit-mask-image: var(--icon-sidebar-show);\n}\n\n.adw-icon--go-previous {\n mask-image: var(--icon-go-previous);\n -webkit-mask-image: var(--icon-go-previous);\n}\n\n.adw-icon--go-next {\n mask-image: var(--icon-go-next);\n -webkit-mask-image: var(--icon-go-next);\n}\n\n.adw-icon--view-refresh {\n mask-image: var(--icon-view-refresh);\n -webkit-mask-image: var(--icon-view-refresh);\n}\n\n.adw-icon--open-menu {\n mask-image: var(--icon-open-menu);\n -webkit-mask-image: var(--icon-open-menu);\n}\n\n.adw-icon--go-home {\n mask-image: var(--icon-go-home);\n -webkit-mask-image: var(--icon-go-home);\n}\n\n.adw-icon--list-add {\n mask-image: var(--icon-list-add);\n -webkit-mask-image: var(--icon-list-add);\n}\n\n.adw-icon--network-wireless {\n mask-image: var(--icon-network-wireless);\n -webkit-mask-image: var(--icon-network-wireless);\n}\n\n.adw-icon--folder {\n mask-image: var(--icon-folder);\n -webkit-mask-image: var(--icon-folder);\n}\n\n.adw-icon--starred {\n mask-image: var(--icon-starred);\n -webkit-mask-image: var(--icon-starred);\n}\n\n.adw-icon--system-search {\n mask-image: var(--icon-system-search);\n -webkit-mask-image: var(--icon-system-search);\n}\n\n.adw-icon--contact-new {\n mask-image: var(--icon-contact-new);\n -webkit-mask-image: var(--icon-contact-new);\n}\n\n.adw-icon--mail-unread {\n mask-image: var(--icon-mail-unread);\n -webkit-mask-image: var(--icon-mail-unread);\n}\n\n.adw-icon--avatar-default {\n mask-image: var(--icon-avatar-default);\n -webkit-mask-image: var(--icon-avatar-default);\n}\n\n.adw-icon--camera-photo {\n mask-image: var(--icon-camera-photo);\n -webkit-mask-image: var(--icon-camera-photo);\n}\n\n.adw-icon--user-trash {\n mask-image: var(--icon-user-trash);\n -webkit-mask-image: var(--icon-user-trash);\n}\n\n.adw-icon--view-reveal {\n mask-image: var(--icon-view-reveal);\n -webkit-mask-image: var(--icon-view-reveal);\n}\n\n.adw-icon--view-conceal {\n mask-image: var(--icon-view-conceal);\n -webkit-mask-image: var(--icon-view-conceal);\n}\n\n.adw-icon--document-edit {\n mask-image: var(--icon-document-edit);\n -webkit-mask-image: var(--icon-document-edit);\n}\n\n.adw-icon--document-open {\n mask-image: var(--icon-document-open);\n -webkit-mask-image: var(--icon-document-open);\n}\n\n.adw-icon--document-save {\n mask-image: var(--icon-document-save);\n -webkit-mask-image: var(--icon-document-save);\n}\n\n.adw-icon--mail-send {\n mask-image: var(--icon-mail-send);\n -webkit-mask-image: var(--icon-mail-send);\n}\n\n.adw-icon--mail-reply-sender {\n mask-image: var(--icon-mail-reply-sender);\n -webkit-mask-image: var(--icon-mail-reply-sender);\n}\n\n.adw-icon--folder-download {\n mask-image: var(--icon-folder-download);\n -webkit-mask-image: var(--icon-folder-download);\n}\n\n.adw-icon--view-grid {\n mask-image: var(--icon-view-grid);\n -webkit-mask-image: var(--icon-view-grid);\n}\n\n.adw-icon--view-list {\n mask-image: var(--icon-view-list);\n -webkit-mask-image: var(--icon-view-list);\n}\n\n.adw-icon--view-columns {\n mask-image: var(--icon-view-columns);\n -webkit-mask-image: var(--icon-view-columns);\n}\n\n.adw-icon--list-remove {\n mask-image: var(--icon-list-remove);\n -webkit-mask-image: var(--icon-list-remove);\n}\n\n.adw-icon--send-to {\n mask-image: var(--icon-send-to);\n -webkit-mask-image: var(--icon-send-to);\n}\n\n.adw-icon--folder-music {\n mask-image: var(--icon-folder-music);\n -webkit-mask-image: var(--icon-folder-music);\n}\n\n.adw-icon--edit-copy {\n mask-image: var(--icon-edit-copy);\n -webkit-mask-image: var(--icon-edit-copy);\n}\n\n.adw-icon--emblem-system {\n mask-image: var(--icon-emblem-system);\n -webkit-mask-image: var(--icon-emblem-system);\n}\n\n.adw-icon--preferences-system {\n mask-image: var(--icon-preferences-system);\n -webkit-mask-image: var(--icon-preferences-system);\n}\n\n.adw-icon--application-x-executable {\n mask-image: var(--icon-application-x-executable);\n -webkit-mask-image: var(--icon-application-x-executable);\n}\n","// _variables.scss — Adwaita CSS custom properties (light theme defaults).\n// Reference: refs/libadwaita/src/stylesheet/_colors.scss (canonical color palette)\n// Reference: refs/adwaita-web/adwaita-web/scss/_variables.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Subset adapted for @gjsify/adwaita-web Web Components.\n\n:root {\n // Window\n --window-bg-color: #fafafb;\n --window-fg-color: rgba(0, 0, 6, 0.8);\n\n // Views\n --view-bg-color: #ffffff;\n --view-fg-color: rgba(0, 0, 6, 0.8);\n\n // Header bar\n --headerbar-bg-color: #ffffff;\n --headerbar-fg-color: rgba(0, 0, 6, 0.8);\n --headerbar-shade-color: rgba(0, 0, 6, 0.12);\n\n // Hairline separators (header underline, sidebar/pane dividers). Subtle in\n // BOTH themes — dark theme flips to a faint light line, the way libadwaita\n // draws separators, instead of a harsh near-black line on a dark surface.\n --separator-color: rgba(0, 0, 6, 0.1);\n\n // Sidebar\n --sidebar-bg-color: #ebebed;\n\n // Cards / boxed lists\n --card-bg-color: #ffffff;\n --card-fg-color: rgba(0, 0, 6, 0.8);\n --card-shade-color: rgba(0, 0, 6, 0.07);\n\n // Accent\n --accent-bg-color: #3584e4;\n --accent-fg-color: #ffffff;\n --accent-color: #1c71d8;\n\n // Popover (menus, dropdowns) — an elevated surface above the window.\n --popover-bg-color: #ffffff;\n --popover-fg-color: rgba(0, 0, 6, 0.8);\n --popover-shade-color: rgba(0, 0, 6, 0.07);\n\n // Buttons\n --button-bg-color: rgba(0, 0, 6, 0.08);\n --button-hover-color: rgba(0, 0, 6, 0.13);\n --button-active-color: rgba(0, 0, 6, 0.19);\n\n // Entries\n --entry-bg-color: #ffffff;\n --entry-border-color: rgba(0, 0, 6, 0.18);\n --entry-border-hover-color: rgba(0, 0, 6, 0.28);\n\n // Destructive action\n --destructive-bg-color: #e01b24;\n --destructive-fg-color: #ffffff;\n\n // Switch\n --switch-off-bg: rgba(0, 0, 0, 0.2);\n --switch-knob-bg: #ffffff;\n\n // Layout radii\n --window-radius: 15px;\n --card-radius: 12px;\n --button-radius: 9px;\n\n // Spacing scale\n --spacing-xs: 6px;\n --spacing-s: 9px;\n --spacing-m: 12px;\n --spacing-l: 18px;\n --spacing-xl: 24px;\n\n // Typography — GNOME default: Adwaita Sans 11\n --font-family: 'Adwaita Sans', 'Cantarell', 'Inter', 'Segoe UI', sans-serif;\n --font-size-base: 11pt;\n --font-size-small: 9pt;\n --font-size-heading: 12pt;\n --dim-opacity: 0.55;\n}\n","// _theme.scss — Light/dark theme switching.\n// Auto via prefers-color-scheme + manual .theme-dark / .theme-light overrides.\n// Reference: refs/libadwaita/src/stylesheet/_colors.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\n@mixin dark-theme {\n --window-bg-color: #222226;\n --window-fg-color: #ffffff;\n --view-bg-color: #1d1d20;\n --view-fg-color: #ffffff;\n --headerbar-bg-color: #2e2e32;\n --headerbar-fg-color: #ffffff;\n --headerbar-shade-color: rgba(0, 0, 6, 0.36);\n --separator-color: rgba(255, 255, 255, 0.08);\n --sidebar-bg-color: #2e2e32;\n --card-bg-color: rgba(255, 255, 255, 0.08);\n --card-fg-color: #ffffff;\n --card-shade-color: rgba(0, 0, 6, 0.36);\n --accent-color: #78aeed;\n --popover-bg-color: #36363a;\n --popover-fg-color: #ffffff;\n --popover-shade-color: rgba(0, 0, 6, 0.36);\n --button-bg-color: rgba(255, 255, 255, 0.1);\n --button-hover-color: rgba(255, 255, 255, 0.15);\n --button-active-color: rgba(255, 255, 255, 0.22);\n --entry-bg-color: rgba(255, 255, 255, 0.06);\n --entry-border-color: rgba(255, 255, 255, 0.16);\n --entry-border-hover-color: rgba(255, 255, 255, 0.26);\n --destructive-bg-color: #c01c28;\n --destructive-fg-color: #ffffff;\n --switch-off-bg: rgba(255, 255, 255, 0.2);\n --switch-knob-bg: #deddda;\n // The active toggle is a raised near-white chip in both themes, so its text\n // must be dark in dark mode (the default token is the light window-fg).\n --active-toggle-fg-color: rgba(0, 0, 6, 0.8);\n}\n\n// Auto dark theme via prefers-color-scheme — opt out with .theme-light\n@media (prefers-color-scheme: dark) {\n :root:not(.theme-light) {\n @include dark-theme;\n }\n}\n\n// Manual override\n:root.theme-dark {\n @include dark-theme;\n}\n","// _root.scss — opt-in page surface for chrome-less layouts.\n// Reference: refs/libadwaita/src/stylesheet/widgets/_window.scss (surface tokens)\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: original opt-in helper for @gjsify/adwaita-web.\n//\n// The components theme via the `--window-` CSS custom properties, but only\n// `adw-window` actually PAINTS the window surface (background + text colour).\n// A page laid out WITHOUT an `<adw-window>` (e.g. a plain browser view that\n// hosts rows/cards directly) therefore renders on the browser default (white)\n// and its native form controls / scrollbars don't follow the light/dark scheme.\n//\n// Applying `.adw-root` to `<body>` (or `<html>` / the `:root` element) binds the\n// Adwaita window surface + `color-scheme: light dark` to the document, so a\n// window-less layout is themed exactly like the components inside it. This is\n// OPT-IN and additive — it does not change any component's own styling.\n.adw-root {\n background-color: var(--window-bg-color);\n color: var(--window-fg-color);\n color-scheme: light dark;\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n}\n","// _window.scss — adw-window styling.\n// Reference: refs/adwaita-web/adwaita-web/scss/_window.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_window.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-window {\n display: flex;\n flex-direction: column;\n background-color: var(--window-bg-color);\n color: var(--window-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n border-radius: var(--window-radius);\n box-shadow:\n 0 0 14px 5px rgb(0 0 0 / 15%),\n 0 0 5px 2px rgb(0 0 0 / 10%),\n 0 0 0 1px rgb(0 0 0 / 5%);\n overflow: hidden;\n outline: 1px solid rgb(255 255 255 / 7%);\n outline-offset: -1px;\n}\n","// _headerbar.scss — adw-header-bar styling.\n// Reference: refs/adwaita-web/adwaita-web/scss/_headerbar.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_header-bar.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-header-bar {\n display: flex;\n align-items: center;\n min-height: 47px;\n padding: 0 6px;\n background-color: var(--headerbar-bg-color);\n color: var(--headerbar-fg-color);\n box-shadow: inset 0 -1px var(--separator-color);\n // flex-shrink: 0 ensures the headerbar never collapses inside a flex-column\n // adw-window, preventing a spurious spacing band between bar and content.\n flex-shrink: 0;\n\n .adw-header-bar-center {\n flex: 1;\n display: flex;\n justify-content: center;\n // min-width: 0 prevents the title from pushing the end buttons off-screen.\n min-width: 0;\n }\n\n .adw-header-bar-title {\n font-weight: bold;\n font-size: var(--font-size-base);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .adw-header-bar-start {\n display: flex;\n align-items: center;\n padding: 0 6px;\n gap: 4px;\n // flex-shrink: 0 keeps the start buttons visible when the window is narrow.\n flex-shrink: 0;\n }\n\n .adw-header-bar-end {\n display: flex;\n align-items: center;\n // justify-content: flex-end aligns end buttons to the right edge of the\n // end section, fixing the pause-button misposition bug.\n justify-content: flex-end;\n padding: 0 6px;\n gap: 4px;\n // flex-shrink: 0 keeps the end buttons visible when the window is narrow.\n flex-shrink: 0;\n }\n\n .adw-header-btn {\n position: relative;\n width: 34px;\n height: 34px;\n border: none;\n border-radius: var(--button-radius);\n background: transparent;\n color: var(--headerbar-fg-color);\n cursor: pointer;\n padding: 0;\n margin: 0;\n flex-shrink: 0;\n\n &:hover {\n background: rgba(128, 128, 128, 0.12);\n }\n\n &:active {\n background: rgba(128, 128, 128, 0.22);\n }\n }\n}\n","// _window_title.scss — adw-window-title styling (header-bar title widget).\n// Reference: refs/adwaita-web/adwaita-web/docs/widgets/windowtitle.md\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-window-title {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n line-height: 1.15;\n min-width: 0;\n\n .adw-window-title-title {\n font-size: var(--font-size-base);\n font-weight: 700;\n color: var(--headerbar-fg-color);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n\n .adw-window-title-subtitle {\n font-size: var(--font-size-small);\n opacity: var(--dim-opacity);\n color: var(--headerbar-fg-color);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n}\n","// _button.scss — adw-button + Adwaita button styles + symbolic icons + .linked.\n// Reference: refs/libadwaita/src/stylesheet/widgets/_buttons.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\n// <adw-button> is a thin host that renders an inner <button class=\"adw-button\">;\n// the class set is the real styling API and works on a plain <button> too.\nadw-button {\n display: inline-flex;\n}\n\n.adw-button {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n min-height: 34px;\n min-width: 34px;\n margin: 0;\n padding: 4px 14px;\n border: none;\n border-radius: var(--button-radius);\n background-color: var(--button-bg-color);\n color: var(--window-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n font-weight: 700;\n line-height: 1;\n text-decoration: none;\n cursor: pointer;\n transition: background-color 0.1s ease;\n user-select: none;\n -webkit-user-select: none;\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: 1px;\n }\n\n &:disabled {\n opacity: 0.45;\n cursor: default;\n }\n\n // Flat — no resting background; only reacts on hover/active. The header bar's\n // navigation buttons use this.\n &.flat {\n background-color: transparent;\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n }\n\n // Suggested action — accent-coloured primary button.\n &.suggested-action {\n background-color: var(--accent-bg-color);\n color: var(--accent-fg-color);\n\n &:hover {\n background-color: var(--accent-color);\n }\n\n &:active {\n background-color: var(--accent-color);\n filter: brightness(0.92);\n }\n }\n\n // Destructive action — red.\n &.destructive-action {\n background-color: var(--destructive-bg-color);\n color: var(--destructive-fg-color);\n\n &:hover {\n filter: brightness(1.06);\n }\n\n &:active {\n filter: brightness(0.9);\n }\n }\n\n // Icon-only square button (no label).\n &.icon-only {\n padding: 0;\n width: 34px;\n }\n\n // Circular — round icon button.\n &.circular {\n padding: 0;\n width: 34px;\n border-radius: 9999px;\n }\n\n // Pill — fully-rounded ends.\n &.pill {\n padding: 6px 20px;\n border-radius: 9999px;\n }\n}\n\n// Symbolic icon rendered via a CSS mask so `currentColor` drives the fill,\n// keeping it theme-aware (same technique as the combo-row dropdown arrow).\n.adw-icon {\n display: inline-block;\n width: 16px;\n height: 16px;\n flex-shrink: 0;\n background-color: currentColor;\n mask-size: 16px;\n mask-repeat: no-repeat;\n mask-position: center;\n -webkit-mask-size: 16px;\n -webkit-mask-repeat: no-repeat;\n -webkit-mask-position: center;\n\n // `display: inline-block` (author CSS) otherwise beats the UA `[hidden]`\n // rule, so a hidden icon (e.g. an avatar's fallback icon while initials\n // show) would still render as a solid maskless square. Honor `hidden`.\n &[hidden] {\n display: none;\n }\n}\n\n// The per-name `.adw-icon--<name>` mask classes are generated into\n// scss/_icons.generated.scss by scripts/build-scss.mjs (one entry per icon in\n// its ICONS map), so adding an icon is a single map edit.\n\n// Linked group — adjacent buttons share edges (segmented control).\n.adw-linked {\n display: inline-flex;\n\n > .adw-button,\n > adw-button .adw-button {\n border-radius: 0;\n }\n\n > :first-child .adw-button,\n > .adw-button:first-child {\n border-top-left-radius: var(--button-radius);\n border-bottom-left-radius: var(--button-radius);\n }\n\n > :last-child .adw-button,\n > .adw-button:last-child {\n border-top-right-radius: var(--button-radius);\n border-bottom-right-radius: var(--button-radius);\n }\n\n > + * {\n margin-left: 2px;\n }\n}\n","// _button_content.scss — adw-button-content styling (icon + label box used as a\n// button child). Mirrors libadwaita's `buttoncontent > box > {image, label}`\n// node: a horizontal box with 6px spacing between icon and label and a bold\n// label, plus optional ellipsizing when `.can-shrink` is set.\n// Reference: refs/libadwaita/src/stylesheet/widgets/_buttons.scss (buttoncontent)\n// Reference: refs/libadwaita/src/adw-button-content.c (AdwButtonContent)\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-button-content {\n display: inline-flex;\n align-items: center;\n // Centered as a group, matching the box's halign:center in AdwButtonContent.\n justify-content: center;\n min-width: 0;\n\n // The inner box holds the image + label nodes (border-spacing 6px upstream).\n .adw-button-content-box {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n min-width: 0;\n }\n\n .adw-button-content-label {\n // libadwaita: `buttoncontent > box > label { font-weight: bold; }` with a\n // 2px trailing pad (LTR) so the label does not hug the button edge.\n font-weight: 700;\n line-height: 1;\n padding-right: 2px;\n }\n\n // can-shrink — the label ellipsizes instead of forcing the button wider\n // (Gtk.Label PANGO_ELLIPSIZE_END). The icon keeps its natural size.\n &.can-shrink {\n .adw-button-content-box {\n min-width: 0;\n }\n\n .adw-button-content-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n min-width: 0;\n }\n }\n}\n","// _split_button.scss — adw-split-button styling: a primary action button fused\n// with a dropdown that opens a menu of related actions, split by a thin divider.\n// The suggested/destructive/flat style classes recolor the whole control like\n// the matching Adwaita button variants.\n// Reference: refs/libadwaita/src/adw-split-button.c (splitbutton CSS node)\n// Reference: refs/adwaita-web/adwaita-web/scss/_split_button.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\n.adw-split-button {\n position: relative;\n box-sizing: border-box;\n display: inline-flex;\n align-items: stretch;\n vertical-align: middle;\n min-height: 34px;\n border-radius: var(--button-radius);\n background-color: var(--button-bg-color);\n color: var(--window-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n user-select: none;\n -webkit-user-select: none;\n\n &:focus-within {\n outline: 2px solid var(--accent-color);\n outline-offset: 1px;\n }\n\n // Primary action half — fills the available width, rounded on the leading\n // side only so it meets the dropdown flush.\n .adw-split-button-action {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n flex-grow: 1;\n min-height: 34px;\n margin: 0;\n padding: 4px 14px;\n border: none;\n border-radius: var(--button-radius) 0 0 var(--button-radius);\n background-color: transparent;\n color: inherit;\n font: inherit;\n font-weight: 700;\n line-height: 1;\n cursor: pointer;\n transition: background-color 0.1s ease;\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n\n &:focus,\n &:focus-visible {\n outline: none;\n }\n\n // Icon-only action half — square, no horizontal text padding.\n &.icon-only {\n padding: 0;\n width: 34px;\n flex-grow: 0;\n }\n }\n\n // Thin divider between the two halves (the splitbutton `separator` node).\n .adw-split-button-dropdown {\n position: relative;\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 34px;\n width: 28px;\n margin: 0;\n padding: 0 var(--spacing-xs);\n border: none;\n border-left: 1px solid var(--separator-color);\n border-radius: 0 var(--button-radius) var(--button-radius) 0;\n background-color: transparent;\n color: inherit;\n cursor: pointer;\n transition: background-color 0.1s ease;\n\n .adw-icon {\n width: 14px;\n height: 14px;\n mask-size: 14px;\n -webkit-mask-size: 14px;\n }\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n\n &:focus,\n &:focus-visible {\n outline: none;\n }\n }\n\n // --- Dropdown menu (popover) ---\n .adw-split-button-menu {\n position: absolute;\n top: calc(100% + 4px);\n right: 0;\n z-index: 10;\n display: flex;\n flex-direction: column;\n min-width: 160px;\n padding: var(--spacing-xs);\n border-radius: var(--button-radius);\n background-color: var(--popover-bg-color, var(--window-bg-color, #fff));\n color: var(--window-fg-color);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 0 1px var(--separator-color);\n\n &[hidden] {\n display: none;\n }\n }\n\n .adw-split-button-menu-item {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n width: 100%;\n min-height: 32px;\n margin: 0;\n padding: var(--spacing-xs) var(--spacing-s);\n border: none;\n border-radius: calc(var(--button-radius) - 2px);\n background-color: transparent;\n color: inherit;\n font: inherit;\n text-align: start;\n cursor: pointer;\n transition: background-color 0.1s ease;\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: -2px;\n }\n }\n\n // --- Suggested action — accent-coloured whole control ---\n &.suggested-action {\n background-color: var(--accent-bg-color);\n color: var(--accent-fg-color);\n\n .adw-split-button-dropdown {\n border-left-color: rgba(255, 255, 255, 0.3);\n }\n\n .adw-split-button-action:hover,\n .adw-split-button-dropdown:hover {\n background-color: var(--accent-color);\n }\n\n .adw-split-button-action:active,\n .adw-split-button-dropdown:active {\n background-color: var(--accent-color);\n filter: brightness(0.92);\n }\n }\n\n // --- Destructive action — red whole control ---\n &.destructive-action {\n background-color: var(--destructive-bg-color);\n color: var(--destructive-fg-color);\n\n .adw-split-button-dropdown {\n border-left-color: rgba(255, 255, 255, 0.3);\n }\n\n .adw-split-button-action:hover,\n .adw-split-button-dropdown:hover {\n filter: brightness(1.06);\n }\n\n .adw-split-button-action:active,\n .adw-split-button-dropdown:active {\n filter: brightness(0.9);\n }\n }\n\n // --- Flat — no resting background; only reacts on hover/active ---\n &.flat {\n background-color: transparent;\n }\n\n // --- Disabled ---\n &.disabled {\n opacity: 0.45;\n cursor: default;\n\n .adw-split-button-action,\n .adw-split-button-dropdown {\n cursor: default;\n pointer-events: none;\n }\n }\n}\n","// _menu_button.scss — adw-menu-button styling: a flat (or circular) icon button\n// that drops an Adwaita-styled popover menu (the web counterpart of\n// Adw.MenuButton / Gtk.MenuButton). The button mirrors libadwaita's flat/circular\n// `menubutton > button`; the popover reproduces `popover.menu > contents` with\n// its soft triple-shadow surface and `modelbutton`-style item rows.\n// Reference: refs/libadwaita/src/stylesheet/widgets/_buttons.scss (menubutton flat/circular)\n// Reference: refs/libadwaita/src/stylesheet/widgets/_popovers.scss (popover > contents)\n// Reference: refs/libadwaita/src/stylesheet/widgets/_menus.scss (popover.menu modelbutton)\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\n.adw-menu-button {\n position: relative;\n box-sizing: border-box;\n display: inline-flex;\n vertical-align: middle;\n\n // The icon button — square with the button radius by default.\n .adw-menu-button-button {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 34px;\n min-height: 34px;\n margin: 0;\n padding: 0 8px;\n border: none;\n border-radius: var(--button-radius);\n background-color: var(--button-bg-color);\n color: var(--window-fg-color);\n cursor: pointer;\n transition: background-color 0.1s ease;\n\n .adw-menu-button-icon {\n width: 16px;\n height: 16px;\n flex: none;\n }\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: 1px;\n }\n }\n\n // Flat — no resting fill (the header app-menu idiom).\n &.flat .adw-menu-button-button {\n background-color: transparent;\n }\n\n // The open state keeps a subtle fill so the button reads as \"checked\".\n &.active .adw-menu-button-button {\n background-color: var(--button-active-color);\n }\n\n // Circular — a round 34×34 button (window-control / FAB idiom).\n &.circular .adw-menu-button-button {\n padding: 0;\n border-radius: 9999px;\n }\n\n &.disabled {\n opacity: 0.45;\n\n .adw-menu-button-button {\n cursor: default;\n pointer-events: none;\n }\n }\n\n // --- Popover menu ---\n // The elevated menu surface below the button, right-aligned like a header-end\n // app menu. Reproduces libadwaita's popover.menu > contents.\n .adw-menu-button-popover {\n position: absolute;\n top: calc(100% + 6px);\n right: 0;\n z-index: 10;\n display: flex;\n flex-direction: column;\n min-width: 200px;\n padding: var(--spacing-xs);\n border-radius: var(--card-radius);\n background-color: var(--popover-bg-color, var(--window-bg-color, #fff));\n color: var(--popover-fg-color, var(--window-fg-color));\n box-shadow:\n 0 0 0 1px rgba(0, 0, 0, 0.05),\n 0 1px 5px 1px rgba(0, 0, 0, 0.09),\n 0 2px 14px 3px rgba(0, 0, 0, 0.05);\n\n &[hidden] {\n display: none;\n }\n }\n\n // Optional section heading atop the menu (libadwaita label.title).\n .adw-menu-button-title {\n padding: 4px var(--spacing-s) 6px;\n font-weight: 700;\n opacity: var(--dim-opacity);\n }\n\n // A menu item row — a flat rounded row that fills on hover/active.\n .adw-menu-button-item {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n gap: var(--spacing-xs);\n width: 100%;\n min-height: 32px;\n margin: 0;\n padding: var(--spacing-xs) var(--spacing-s);\n border: none;\n border-radius: calc(var(--button-radius) - 2px);\n background-color: transparent;\n color: inherit;\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n text-align: start;\n cursor: pointer;\n transition: background-color 0.1s ease;\n\n .adw-menu-button-item-icon {\n width: 16px;\n height: 16px;\n flex: none;\n }\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: -2px;\n }\n }\n}\n","// _toggle_group.scss — adw-toggle-group styling (a linked set of toggle buttons\n// with a single active item, recolored with the Adwaita active-toggle accent).\n// Reference: refs/libadwaita/src/stylesheet/widgets/_toggle-group.scss (AdwToggleGroup)\n// Reference: refs/adwaita-web/adwaita-web/scss/_toggle_group.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\n// The active toggle uses a white-on-fg \"raised\" chip. These tokens default to\n// libadwaita's light-theme values; _theme.scss overrides them for dark.\n:root {\n --active-toggle-bg-color: #ffffff;\n --active-toggle-fg-color: var(--window-fg-color);\n}\n\nadw-toggle-group {\n // libadwaita's ---group-padding: a small inset so the active chip floats\n // inside the group's pill, leaving a hairline of group background around it.\n --group-padding: 3px;\n\n display: inline-flex;\n box-sizing: border-box;\n padding: var(--group-padding);\n border-radius: var(--button-radius);\n background-color: var(--button-bg-color);\n\n .adw-toggle-group-inner {\n display: flex;\n align-items: stretch;\n gap: var(--group-padding);\n }\n\n // Each toggle is a button-shaped chip with the group's inner radius.\n .adw-toggle {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--spacing-xs);\n min-width: 34px;\n min-height: 28px;\n margin: 0;\n padding: 4px 11px;\n border: none;\n border-radius: calc(var(--button-radius) - var(--group-padding));\n background-color: transparent;\n color: var(--window-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n font-weight: 700;\n line-height: 1;\n cursor: pointer;\n transition:\n color 0.2s ease,\n background-color 0.2s ease,\n box-shadow 0.2s ease;\n user-select: none;\n -webkit-user-select: none;\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: 1px;\n }\n\n // The active toggle — a raised white chip, the way libadwaita draws it.\n &.active {\n background-color: var(--active-toggle-bg-color);\n color: var(--active-toggle-fg-color);\n box-shadow:\n 0 1px 3px 1px rgba(0, 0, 6, 0.07),\n 0 2px 6px 2px rgba(0, 0, 6, 0.03);\n\n &:hover {\n background-color: var(--active-toggle-bg-color);\n }\n }\n }\n\n // Round — group + toggles become pill-shaped.\n &.round {\n border-radius: 17px;\n\n .adw-toggle {\n border-radius: calc(17px - var(--group-padding));\n padding-left: calc(15px - var(--group-padding));\n padding-right: calc(15px - var(--group-padding));\n }\n }\n\n // Flat — no group background; the active toggle uses a subtle fill instead of\n // the raised white chip.\n &.flat {\n --group-padding: 0px;\n\n padding: 0;\n background: none;\n\n .adw-toggle {\n border-radius: var(--button-radius);\n\n &.active {\n background-color: var(--button-active-color);\n color: inherit;\n box-shadow: none;\n\n &:hover {\n background-color: var(--button-active-color);\n }\n }\n }\n\n &.round .adw-toggle {\n border-radius: 17px;\n }\n }\n}\n","// _entry.scss — adw-entry / .adw-entry text input (e.g. a browser URL bar).\n// Reference: refs/libadwaita/src/stylesheet/widgets/_entries.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\n// <adw-entry> hosts an inner <input class=\"adw-entry\">; it fills its flex slot.\nadw-entry {\n display: flex;\n flex: 1;\n min-width: 0;\n}\n\n.adw-entry {\n box-sizing: border-box;\n width: 100%;\n min-height: 34px;\n margin: 0;\n padding: 5px 12px;\n border: none;\n border-radius: var(--button-radius);\n background-color: var(--entry-bg-color);\n color: var(--view-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n box-shadow: inset 0 0 0 1px var(--entry-border-color);\n transition: box-shadow 0.1s ease;\n\n &::placeholder {\n color: var(--view-fg-color);\n opacity: var(--dim-opacity);\n }\n\n &:hover {\n box-shadow: inset 0 0 0 1px var(--entry-border-hover-color);\n }\n\n &:focus,\n &:focus-visible {\n outline: none;\n box-shadow: inset 0 0 0 2px var(--accent-color);\n }\n\n // Dimmed disabled state, mirroring .adw-button:disabled.\n &:disabled {\n opacity: 0.45;\n cursor: default;\n box-shadow: inset 0 0 0 1px var(--entry-border-color);\n }\n}\n","// _preferences.scss — adw-preferences-group styling.\n// Reference: refs/adwaita-web/adwaita-web/scss/_preferences.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_preferences.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-preferences-group {\n display: block;\n\n // The header is a flex row: a title/description label column on the left\n // (stretches to fill) and the optional header-suffix on the trailing edge.\n .adw-preferences-group-header {\n display: flex;\n align-items: center;\n gap: var(--spacing-s);\n padding: var(--spacing-xs) 2px;\n }\n\n .adw-preferences-group-labels {\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n min-width: 0;\n }\n\n .adw-preferences-group-suffix {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n }\n\n .adw-preferences-group-title {\n font-size: var(--font-size-base);\n font-weight: 700;\n margin: 0;\n color: var(--window-fg-color);\n }\n\n // Dimmed description line below the title.\n .adw-preferences-group-description {\n font-size: var(--font-size-small);\n opacity: var(--dim-opacity);\n margin: 0;\n color: var(--window-fg-color);\n }\n\n .adw-preferences-group-listbox {\n background-color: var(--card-bg-color);\n color: var(--card-fg-color);\n border-radius: var(--card-radius);\n box-shadow:\n 0 0 0 1px rgb(0 0 6 / 3%),\n 0 1px 3px 1px rgb(0 0 6 / 7%),\n 0 2px 6px 2px rgb(0 0 6 / 3%);\n overflow: hidden;\n }\n}\n","// _card.scss — adw-card styling.\n// Reference: refs/adwaita-web/adwaita-web/scss/_card.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_misc.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-card,\n.adw-card {\n display: block;\n background-color: var(--card-bg-color);\n color: var(--card-fg-color);\n border-radius: var(--card-radius);\n padding: var(--spacing-l);\n box-shadow:\n 0 0 0 1px rgb(0 0 6 / 3%),\n 0 1px 3px 1px rgb(0 0 6 / 7%),\n 0 2px 6px 2px rgb(0 0 6 / 3%);\n overflow: hidden;\n}\n","// _clamp.scss — adw-clamp styling (max-width + centered).\n// Reference: refs/adwaita-web/adwaita-web/scss/_clamp.scss\n// Reference: refs/libadwaita (Adw.Clamp)\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-clamp {\n display: block;\n width: 100%;\n margin-inline: auto;\n}\n","// _spinner.scss — adw-spinner styling (ring with a spinning arc).\n// Reference: refs/adwaita-web/adwaita-web/scss/_spinner.scss\n// Reference: refs/libadwaita (Adw.Spinner)\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-spinner {\n display: inline-block;\n box-sizing: border-box;\n width: 24px;\n height: 24px;\n // Neutral arc (currentColor, theme-aware) over a faint track — Adw.Spinner\n // is a neutral indicator, NOT accent-coloured.\n border: 3px solid rgba(127, 127, 127, 0.25);\n border-top-color: currentColor;\n border-radius: 50%;\n animation: adw-spinner-spin 0.8s linear infinite;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n}\n\n@keyframes adw-spinner-spin {\n to {\n transform: rotate(360deg);\n }\n}\n","// _avatar.scss — adw-avatar styling (round, initials or fallback icon).\n// Reference: refs/adwaita-web/adwaita-web/scss/_avatar.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_avatar.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-avatar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n border-radius: 50%;\n overflow: hidden;\n box-sizing: border-box;\n font-weight: 700;\n user-select: none;\n background-color: rgba(127, 127, 127, 0.25);\n color: var(--window-fg-color);\n\n .adw-avatar-text {\n line-height: 1;\n text-align: center;\n }\n\n .adw-avatar-icon {\n background-color: currentColor;\n opacity: 0.7;\n -webkit-mask-size: contain;\n mask-size: contain;\n }\n}\n","// _banner.scss — adw-banner styling (full-width accent message strip).\n// Reference: refs/adwaita-web/adwaita-web/scss/_banner.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_banner.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-banner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--spacing-m);\n padding: var(--spacing-xs) var(--spacing-m);\n width: 100%;\n box-sizing: border-box;\n // Adw.Banner uses a neutral elevated surface, not the accent colour.\n background-color: var(--sidebar-bg-color);\n color: var(--window-fg-color);\n\n // Adw.Banner stays hidden until revealed.\n &:not(.revealed) {\n display: none;\n }\n\n .adw-banner-title {\n flex: 1 1 auto;\n min-width: 0;\n font-size: var(--font-size-base);\n }\n\n .adw-banner-button {\n flex-shrink: 0;\n border: none;\n border-radius: var(--button-radius);\n padding: 4px 14px;\n background: var(--button-bg-color);\n color: var(--window-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n font-weight: 700;\n cursor: pointer;\n\n &:hover {\n background: var(--button-hover-color);\n }\n }\n}\n","// _status_page.scss — adw-status-page styling (centered empty state).\n// Reference: refs/adwaita-web/adwaita-web/scss/_status_page.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_status-page.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-status-page {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n gap: var(--spacing-m);\n padding: var(--spacing-xl);\n color: var(--window-fg-color);\n\n .adw-status-page-icon {\n width: 96px;\n height: 96px;\n background-color: currentColor;\n opacity: 0.45;\n -webkit-mask-size: contain;\n mask-size: contain;\n }\n\n .adw-status-page-title {\n font-size: 18pt;\n font-weight: 800;\n }\n\n .adw-status-page-description {\n font-size: var(--font-size-base);\n opacity: var(--dim-opacity);\n max-width: 32ch;\n }\n\n .adw-status-page-child {\n margin-top: var(--spacing-s);\n }\n}\n","// _row.scss — Shared base styling for rows in preferences groups.\n// Reference: refs/adwaita-web/adwaita-web/scss/_row_types.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_action-row.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-switch-row,\nadw-combo-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: 50px;\n padding: var(--spacing-s) var(--spacing-m);\n gap: var(--spacing-m);\n border-bottom: 1px solid var(--card-shade-color);\n\n &:last-child {\n border-bottom: none;\n }\n}\n\n// Shared title/subtitle text column used by every row type (action/switch/\n// combo/spin). The title is the primary label; the subtitle is dimmed and\n// hidden when empty.\n.adw-row-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1 1 auto;\n min-width: 0;\n}\n\n.adw-row-subtitle {\n font-size: var(--font-size-small);\n opacity: var(--dim-opacity);\n color: var(--card-fg-color);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n// Trailing edit pencil shared by editable rows (entry/password) — the\n// Adw.EntryRow edit affordance. Dimmed; clicking focuses the entry.\n.adw-row-edit {\n flex-shrink: 0;\n width: 16px;\n height: 16px;\n color: var(--card-fg-color);\n opacity: 0.55;\n cursor: pointer;\n}\n\n// Utility separator (used by content layouts)\n.adw-separator-vertical {\n width: 1px;\n align-self: stretch;\n background-color: var(--card-shade-color);\n flex-shrink: 0;\n}\n","// _action_row.scss — adw-action-row styling (title/subtitle + prefix/suffix).\n// Reference: refs/adwaita-web/adwaita-web/scss/_action_row.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_lists.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-action-row {\n display: flex;\n align-items: center;\n gap: var(--spacing-m);\n min-height: 50px;\n padding: var(--spacing-s) var(--spacing-m);\n border-bottom: 1px solid var(--card-shade-color);\n color: var(--card-fg-color);\n\n &:last-child {\n border-bottom: none;\n }\n\n &.activatable {\n cursor: pointer;\n\n &:hover {\n background-color: var(--button-bg-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n }\n\n .adw-action-row-prefix,\n .adw-action-row-suffix {\n display: flex;\n align-items: center;\n gap: var(--spacing-xs);\n flex-shrink: 0;\n }\n\n .adw-action-row-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1 1 auto;\n min-width: 0;\n }\n\n .adw-row-title {\n font-size: var(--font-size-base);\n color: var(--card-fg-color);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .adw-row-subtitle {\n font-size: var(--font-size-small);\n opacity: var(--dim-opacity);\n color: var(--card-fg-color);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n","// _entry_row.scss — adw-entry-row styling (inline editable boxed-list row).\n// Reference: refs/adwaita-web/adwaita-web/scss/_entry_row.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_entries.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-entry-row {\n display: flex;\n align-items: center;\n gap: var(--spacing-m);\n min-height: 50px;\n padding: var(--spacing-xs) var(--spacing-m);\n border-bottom: 1px solid var(--card-shade-color);\n\n &:last-child {\n border-bottom: none;\n }\n\n // Focus ring matching libadwaita's row focus (inset accent outline).\n &:focus-within {\n box-shadow: inset 0 0 0 2px var(--accent-color);\n }\n\n // Filled Adw.EntryRow layout: a small floating title above the value,\n // both left-aligned in a column.\n .adw-entry-row-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1 1 auto;\n min-width: 0;\n gap: 1px;\n }\n\n .adw-row-title {\n font-size: var(--font-size-small);\n color: var(--card-fg-color);\n opacity: var(--dim-opacity);\n }\n\n .adw-entry-row-input {\n width: 100%;\n min-width: 0;\n border: none;\n background: transparent;\n color: var(--card-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n text-align: left;\n outline: none;\n padding: 0;\n }\n}\n","// _switch_row.scss — adw-switch-row styling.\n// Reference: refs/adwaita-web/adwaita-web/scss/_switch_row.scss\n// Reference: refs/adwaita-web/adwaita-web/scss/_switch.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_switch.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-switch-row {\n .adw-row-title {\n font-size: var(--font-size-base);\n color: var(--card-fg-color);\n }\n\n .adw-switch {\n position: relative;\n display: inline-block;\n width: 44px;\n height: 24px;\n flex-shrink: 0;\n\n input {\n opacity: 0;\n width: 0;\n height: 0;\n position: absolute;\n }\n }\n\n .adw-switch-slider {\n position: absolute;\n cursor: pointer;\n inset: 0;\n background-color: var(--switch-off-bg);\n border-radius: 12px;\n transition: background-color 0.15s ease-out;\n\n &::before {\n content: \"\";\n position: absolute;\n height: 20px;\n width: 20px;\n left: 2px;\n bottom: 2px;\n background-color: var(--switch-knob-bg);\n border-radius: 50%;\n transition: transform 0.15s ease-out;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n }\n }\n\n .adw-switch input:checked + .adw-switch-slider {\n background-color: var(--accent-bg-color);\n\n &::before {\n transform: translateX(20px);\n }\n }\n\n .adw-switch input:focus-visible + .adw-switch-slider {\n outline: 2px solid var(--accent-color);\n outline-offset: 2px;\n }\n}\n","// _combo_row.scss — adw-combo-row styling.\n// Reference: refs/adwaita-web/adwaita-web/scss/_combo_row.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_combo-row.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-combo-row {\n position: relative;\n cursor: pointer;\n\n .adw-row-title {\n font-size: var(--font-size-base);\n color: var(--card-fg-color);\n pointer-events: none;\n }\n\n // Hidden <select> overlay — stretches across the row to capture clicks\n // anywhere. The visual dropdown arrow is rendered by .adw-row-value::after\n // below, so the select itself doesn't need a background image.\n select {\n appearance: none;\n -webkit-appearance: none;\n background-color: transparent;\n border: none;\n padding: 6px 24px 6px 8px;\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n color: var(--card-fg-color);\n cursor: pointer;\n text-align: right;\n position: absolute;\n inset: 0;\n opacity: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: -1px;\n }\n\n option {\n background-color: var(--window-bg-color);\n color: var(--window-fg-color);\n }\n }\n\n .adw-row-value {\n font-size: var(--font-size-base);\n color: var(--card-fg-color);\n opacity: var(--dim-opacity);\n display: flex;\n align-items: center;\n gap: 4px;\n\n // Dropdown arrow — rendered via CSS mask so `currentColor` drives the\n // fill, making the icon theme-aware (matches libadwaita's dark theme).\n // Using background-image with a data-URI SVG would NOT resolve\n // `currentColor` in most browsers.\n &::after {\n content: \"\";\n display: inline-block;\n width: 12px;\n height: 12px;\n background-color: currentColor;\n -webkit-mask-image: var(--icon-go-down);\n mask-image: var(--icon-go-down);\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-size: contain;\n mask-size: contain;\n -webkit-mask-position: center;\n mask-position: center;\n }\n }\n}\n","// _spin_row.scss — adw-spin-row styling.\n// Reference: refs/adwaita-web/adwaita-web/scss/_spin_button.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_spin-button.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-spin-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: 50px;\n padding: var(--spacing-s) var(--spacing-m);\n gap: var(--spacing-m);\n border-bottom: 1px solid var(--card-shade-color);\n\n &:last-child {\n border-bottom: none;\n }\n\n .adw-row-title {\n font-size: var(--font-size-base);\n color: var(--card-fg-color);\n }\n}\n\n.adw-spin-control {\n display: flex;\n align-items: center;\n gap: 2px;\n\n button {\n width: 32px;\n height: 32px;\n border: none;\n border-radius: var(--button-radius);\n background: transparent;\n color: var(--card-fg-color);\n cursor: pointer;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n\n &:hover {\n background: rgba(128, 128, 128, 0.15);\n }\n }\n\n input {\n width: 56px;\n text-align: center;\n border: none;\n border-radius: var(--button-radius);\n background: rgba(128, 128, 128, 0.1);\n color: var(--card-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n padding: 4px 2px;\n\n &:focus {\n outline: 2px solid var(--accent-color);\n outline-offset: -1px;\n }\n }\n}\n","// _button_row.scss — adw-button-row styling (a boxed-list row that acts as a\n// button: centered title + optional start icon, with suggested/destructive\n// recoloring).\n// Reference: refs/libadwaita/src/stylesheet/widgets/_lists.scss (row.button)\n// Reference: refs/adwaita-web/adwaita-web/scss/_button_row.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-button-row {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n min-height: 50px;\n padding: var(--spacing-xs) var(--spacing-m);\n border-bottom: 1px solid var(--card-shade-color);\n color: var(--card-fg-color);\n cursor: pointer;\n transition: background-color 0.1s ease;\n\n &:last-child {\n border-bottom: none;\n }\n\n // Contents are centered as a group (libadwaita's GtkBox halign:center), with\n // the start icon hugging the title via a small gap (border-spacing 6px).\n .adw-button-row-contents {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--spacing-xs);\n min-width: 0;\n }\n\n .adw-button-row-title {\n font-size: var(--font-size-base);\n font-weight: 700;\n text-align: center;\n color: inherit;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n // Default (no style class): button-like hover/active feedback.\n &.activatable {\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n }\n\n // Suggested action — accent-coloured, full-bleed (no separator line).\n &.suggested-action {\n background-color: var(--accent-bg-color);\n color: var(--accent-fg-color);\n border-bottom: none;\n\n &.activatable {\n &:hover {\n background-color: var(--accent-bg-color);\n background-image: linear-gradient(\n color-mix(in srgb, currentColor 10%, transparent),\n color-mix(in srgb, currentColor 10%, transparent)\n );\n }\n\n &:active {\n background-color: var(--accent-bg-color);\n background-image: linear-gradient(rgba(0, 0, 6, 0.2), rgba(0, 0, 6, 0.2));\n }\n }\n }\n\n // Destructive action — red, same full-bleed treatment as suggested.\n &.destructive-action {\n background-color: var(--destructive-bg-color);\n color: var(--destructive-fg-color);\n border-bottom: none;\n\n &.activatable {\n &:hover {\n background-color: var(--destructive-bg-color);\n background-image: linear-gradient(\n color-mix(in srgb, currentColor 10%, transparent),\n color-mix(in srgb, currentColor 10%, transparent)\n );\n }\n\n &:active {\n background-color: var(--destructive-bg-color);\n background-image: linear-gradient(rgba(0, 0, 6, 0.2), rgba(0, 0, 6, 0.2));\n }\n }\n }\n}\n","// _expander_row.scss — adw-expander-row styling (disclosure header + nested rows).\n// Reference: refs/adwaita-web/adwaita-web/scss/_expander_row.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_expander-row.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-expander-row {\n display: block;\n border-bottom: 1px solid var(--card-shade-color);\n color: var(--card-fg-color);\n\n &:last-child {\n border-bottom: none;\n }\n\n // Header — styled like an activatable action row.\n .adw-expander-row-header {\n display: flex;\n align-items: center;\n gap: var(--spacing-m);\n min-height: 50px;\n padding: var(--spacing-s) var(--spacing-m);\n cursor: pointer;\n\n &:hover {\n background-color: var(--button-bg-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n }\n\n .adw-row-title {\n font-size: var(--font-size-base);\n color: var(--card-fg-color);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n // The text column takes the free space so prefix/suffix widgets, the enable\n // switch and the chevron sit at their respective edges.\n .adw-expander-row-header > .adw-row-text {\n flex: 1;\n min-width: 0;\n }\n\n // Header prefix / suffix widget slots (Adw.ExpanderRow add_prefix/add_suffix).\n .adw-expander-row-prefix,\n .adw-expander-row-suffix {\n display: flex;\n align-items: center;\n gap: var(--spacing-s);\n flex-shrink: 0;\n }\n\n // Disclosure chevron — points down when collapsed, flips up when expanded,\n // matching libadwaita's Adw.ExpanderRow arrow.\n .adw-expander-row-chevron {\n opacity: var(--dim-opacity);\n transform: rotate(0deg);\n transition: transform 0.2s ease-out;\n flex-shrink: 0;\n }\n\n &.expanded .adw-expander-row-chevron {\n transform: rotate(180deg);\n }\n\n // The optional enable switch reuses the shared .adw-switch markup.\n .adw-expander-row-enable-switch {\n position: relative;\n display: inline-block;\n width: 44px;\n height: 24px;\n flex-shrink: 0;\n\n input {\n opacity: 0;\n width: 0;\n height: 0;\n position: absolute;\n }\n\n .adw-switch-slider {\n position: absolute;\n cursor: pointer;\n inset: 0;\n background-color: var(--switch-off-bg);\n border-radius: 12px;\n transition: background-color 0.15s ease-out;\n\n &::before {\n content: \"\";\n position: absolute;\n height: 20px;\n width: 20px;\n left: 2px;\n bottom: 2px;\n background-color: var(--switch-knob-bg);\n border-radius: 50%;\n transition: transform 0.15s ease-out;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n }\n }\n\n input:checked + .adw-switch-slider {\n background-color: var(--accent-bg-color);\n\n &::before {\n transform: translateX(20px);\n }\n }\n\n input:focus-visible + .adw-switch-slider {\n outline: 2px solid var(--accent-color);\n outline-offset: 2px;\n }\n }\n\n // Disclosed content — a nested listbox of rows, hidden until expanded. The\n // nested surface is slightly inset/recessed, the way libadwaita draws it.\n .adw-expander-row-content {\n display: none;\n flex-direction: column;\n background-color: var(--window-bg-color);\n border-top: 1px solid var(--card-shade-color);\n\n &.expanded {\n display: flex;\n }\n\n // Nested rows: indent the text column and keep the hairline separators,\n // dropping the last one (the content area's own edge closes it off).\n > adw-action-row,\n > adw-entry-row,\n > adw-switch-row,\n > adw-combo-row,\n > adw-spin-row {\n padding-left: var(--spacing-xl);\n border-bottom: 1px solid var(--card-shade-color);\n\n &:last-child {\n border-bottom: none;\n }\n }\n }\n}\n","// _password_entry_row.scss — adw-password-entry-row styling (masked entry row\n// with a trailing peek toggle). Mirrors _entry_row.scss (the password row is a\n// specialization of the entry row) and adds the flat peek button.\n// Reference: refs/adwaita-web/adwaita-web/scss/_password_entry_row.scss\n// Reference: refs/libadwaita/src/adw-password-entry-row.c\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-password-entry-row {\n display: flex;\n align-items: center;\n gap: var(--spacing-m);\n min-height: 50px;\n padding: var(--spacing-xs) var(--spacing-m);\n border-bottom: 1px solid var(--card-shade-color);\n\n &:last-child {\n border-bottom: none;\n }\n\n // Focus ring matching libadwaita's row focus (inset accent outline).\n &:focus-within {\n box-shadow: inset 0 0 0 2px var(--accent-color);\n }\n\n // Filled Adw.EntryRow layout: a small floating title above the value,\n // both left-aligned in a column.\n .adw-password-entry-row-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1 1 auto;\n min-width: 0;\n gap: 1px;\n }\n\n .adw-row-title {\n font-size: var(--font-size-small);\n color: var(--card-fg-color);\n opacity: var(--dim-opacity);\n }\n\n .adw-password-entry-row-input {\n width: 100%;\n min-width: 0;\n border: none;\n background: transparent;\n color: var(--card-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n text-align: left;\n outline: none;\n padding: 0;\n\n // Slightly wider tracking for the masked dots, like the native entry.\n &[type='password'] {\n letter-spacing: 0.125em;\n }\n }\n\n // Trailing peek toggle — flat circular icon button, vertically centred.\n .adw-password-entry-row-toggle {\n flex-shrink: 0;\n align-self: center;\n }\n}\n","// _toast.scss — adw-toast and adw-toast-overlay styling.\n// adw-toast-overlay wraps content and layers transient `.adw-toast` banners over\n// the bottom of its own bounds (the Adw.ToastOverlay model). Each banner carries\n// a title, an optional action button and a CSS-drawn \"×\" close button, and slides\n// up on show / down on dismiss (mirroring Adw.Toast).\n// Reference: refs/adwaita-web/adwaita-web/scss/_toast.scss\n// Reference: refs/adwaita-web/adwaita-web/scss/_toast_overlay.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_toast.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-toast-overlay {\n position: relative;\n display: block;\n\n // The wrapped content (Adw.ToastOverlay :child) occupies the overlay's box.\n .adw-toast-overlay-content {\n width: 100%;\n height: 100%;\n }\n\n // Toasts are layered over the bottom edge of the overlay, stacked newest-last\n // and centered, the way AdwToastOverlay floats them above its child.\n .adw-toast-overlay-toasts {\n position: absolute;\n bottom: var(--spacing-m);\n left: 50%;\n transform: translateX(-50%);\n z-index: 9999;\n display: flex;\n flex-direction: column-reverse;\n gap: var(--spacing-s);\n align-items: center;\n pointer-events: none;\n }\n}\n\n.adw-toast {\n background-color: #3d3846;\n color: #ffffff;\n padding: var(--spacing-s) var(--spacing-m);\n border-radius: var(--card-radius);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.25);\n display: flex;\n align-items: center;\n gap: var(--spacing-s);\n width: max-content;\n max-width: 400px;\n min-height: 36px;\n pointer-events: auto;\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n\n opacity: 0;\n transform: translateY(100%) scale(0.9);\n transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1),\n transform 0.2s cubic-bezier(0, 0, 0.2, 1);\n will-change: transform, opacity;\n\n &.visible {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n\n &.hiding {\n opacity: 0;\n transform: translateY(100%) scale(0.9);\n transition-duration: 0.15s;\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n }\n\n .adw-toast-content-wrapper {\n flex: 1 1 auto;\n min-width: 0;\n }\n\n .adw-toast-title {\n font-weight: normal;\n line-height: 1.3;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n // Action button — a flat pill tinted with the accent color so it reads as\n // suggested against the dark toast surface (Adw.Toast:button-label).\n .adw-toast-action-button {\n flex-shrink: 0;\n box-sizing: border-box;\n margin: 0;\n padding: 4px var(--spacing-m);\n border: none;\n border-radius: var(--button-radius);\n background-color: rgba(255, 255, 255, 0.12);\n color: #ffffff;\n font-family: inherit;\n font-size: var(--font-size-base);\n font-weight: 700;\n line-height: 1;\n cursor: pointer;\n transition: background-color 150ms ease-in-out;\n\n &:hover {\n background-color: rgba(255, 255, 255, 0.2);\n }\n\n &:active {\n background-color: rgba(255, 255, 255, 0.26);\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: 1px;\n }\n }\n\n // Close affordance — a CSS-drawn \"×\" (mirrors adw-tab-view's .adw-tab-close;\n // no symbolic close icon ships in the curated adwaita-web icon set).\n .adw-toast-close-button {\n box-sizing: border-box;\n flex-shrink: 0;\n position: relative;\n width: 24px;\n height: 24px;\n margin: 0;\n padding: 0;\n border: none;\n border-radius: 9999px;\n background-color: transparent;\n color: #ffffff;\n cursor: pointer;\n opacity: 0.7;\n transition:\n background-color 150ms ease-in-out,\n opacity 150ms ease-in-out;\n\n &:hover {\n opacity: 1;\n background-color: rgba(255, 255, 255, 0.12);\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: 1px;\n }\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 11px;\n height: 1.5px;\n background-color: currentColor;\n border-radius: 1px;\n }\n\n &::before {\n transform: translate(-50%, -50%) rotate(45deg);\n }\n\n &::after {\n transform: translate(-50%, -50%) rotate(-45deg);\n }\n }\n}\n","// _toolbar_view.scss — adw-toolbar-view styling (content framed by top/bottom bars).\n// Reference: refs/adwaita-web/adwaita-web/scss/_toolbar_view.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/_toolbars.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-toolbar-view {\n display: flex;\n flex-direction: column;\n min-height: 0;\n min-width: 0;\n flex: 1 1 auto;\n\n .adw-toolbar-view-top,\n .adw-toolbar-view-bottom {\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n }\n\n .adw-toolbar-view-content {\n flex: 1 1 auto;\n min-height: 0;\n min-width: 0;\n overflow: auto;\n display: flex;\n flex-direction: column;\n background-color: var(--window-bg-color);\n }\n}\n","// _wrap_box.scss — adw-wrap-box styling (a box that wraps its children onto new\n// lines, the web analog of flexbox `flex-wrap: wrap`). Mirrors Adw.WrapBox.\n// Reference: refs/adwaita-web/adwaita-web/scss/_wrap_box.scss\n// Reference: refs/libadwaita/src/adw-wrap-box.c / adw-wrap-layout.c (Adw.WrapBox)\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\n// Layout (flex-direction, gaps, justify-content, align-items, align-content) is\n// driven imperatively by the component from its attributes — these are the\n// libadwaita defaults (horizontal, packed to the start of each line, lines\n// wrapping downwards from the top). A wrap box is a pure layout container, so it\n// carries no background of its own; children handle their own theming.\nadw-wrap-box {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: flex-start;\n align-content: flex-start;\n}\n","// _overlay_split_view.scss — adw-overlay-split-view styling.\n// Reference: refs/libadwaita/src/adw-overlay-split-view.c\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Implemented as Web Component for @gjsify/adwaita-web.\n\nadw-overlay-split-view {\n display: flex;\n flex-direction: row;\n flex: 1;\n min-height: 0;\n position: relative;\n overflow: hidden;\n\n .adw-osv-sidebar {\n background-color: var(--sidebar-bg-color);\n overflow-y: auto;\n flex-shrink: 0;\n transition: transform 0.2s ease, opacity 0.2s ease, margin 0.2s ease;\n z-index: 10;\n align-self: stretch;\n }\n\n .adw-osv-content {\n flex: 1;\n min-width: 0;\n min-height: 0;\n display: flex;\n flex-direction: column;\n align-self: stretch;\n }\n\n // Docked mode (not collapsed) — sidebar beside content\n &:not(.collapsed) .adw-osv-sidebar {\n position: relative;\n }\n\n // Docked hide: slide left and collapse via opacity. Sidebar keeps its\n // intrinsic width so internal elements don't reflow.\n &:not(.collapsed):not(.show-sidebar) .adw-osv-sidebar {\n transform: translateX(-100%);\n opacity: 0;\n pointer-events: none;\n }\n\n // Docked + sidebar-end — dock the sidebar to the RIGHT of the content\n // (the Adw.OverlaySplitView { sidebar-position: end } layout). flex `order`\n // flips the visual order without changing the slotting DOM order.\n &:not(.collapsed).sidebar-end {\n .adw-osv-content {\n order: 1;\n }\n\n .adw-osv-sidebar {\n order: 2;\n border-inline-start: 1px solid var(--separator-color);\n }\n }\n\n // Docked hide when the sidebar is on the end edge: slide RIGHT, not left.\n &:not(.collapsed):not(.show-sidebar).sidebar-end .adw-osv-sidebar {\n transform: translateX(100%);\n }\n\n // Overlay mode (collapsed) — sidebar on top of content\n &.collapsed .adw-osv-sidebar {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n transform: translateX(-100%);\n opacity: 0;\n pointer-events: none;\n }\n\n &.collapsed.sidebar-end .adw-osv-sidebar {\n left: auto;\n right: 0;\n transform: translateX(100%);\n }\n\n &.collapsed.show-sidebar .adw-osv-sidebar {\n transform: translateX(0);\n opacity: 1;\n pointer-events: auto;\n }\n\n // Backdrop — visible only in overlay mode when sidebar is open\n .adw-osv-backdrop {\n display: none;\n }\n\n &.collapsed.show-sidebar .adw-osv-backdrop {\n display: block;\n position: absolute;\n inset: 0;\n background: rgba(0, 0, 0, 0.3);\n z-index: 9;\n }\n}\n\n// Sidebar content layout helper — wraps the sidebar's children with the\n// standard Adwaita spacing scale (12px padding, 12px gap between groups).\n.adw-sidebar-content {\n padding: var(--spacing-m);\n display: flex;\n flex-direction: column;\n gap: var(--spacing-m);\n}\n\n// Sidebar toggle button — sidebar-show-symbolic icon via CSS mask\n.adw-sidebar-toggle-icon::after {\n content: '';\n position: absolute;\n inset: 0;\n background-color: currentColor;\n -webkit-mask-image: var(--icon-sidebar-show);\n mask-image: var(--icon-sidebar-show);\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-size: 16px 16px;\n mask-size: 16px 16px;\n -webkit-mask-position: center;\n mask-position: center;\n pointer-events: none;\n}\n","// _navigation_split_view.scss — adw-navigation-split-view styling (docked sidebar).\n// Reference: refs/adwaita-web/adwaita-web/docs/widgets/navigationsplitview.md\n// Reference: refs/libadwaita/src/stylesheet/widgets/_sidebars.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-navigation-split-view {\n display: flex;\n flex-direction: row;\n min-height: 0;\n min-width: 0;\n flex: 1 1 auto;\n\n .adw-nsv-sidebar {\n display: flex;\n flex-direction: column;\n min-height: 0;\n flex-shrink: 0;\n border-right: 1px solid var(--separator-color);\n background-color: var(--sidebar-bg-color);\n }\n\n .adw-nsv-content {\n display: flex;\n flex-direction: column;\n min-width: 0;\n min-height: 0;\n flex: 1 1 auto;\n background-color: var(--window-bg-color);\n }\n\n // Collapsed (narrow): one pane at a time.\n &.collapsed.show-content .adw-nsv-sidebar {\n display: none;\n }\n\n &.collapsed:not(.show-content) {\n .adw-nsv-content {\n display: none;\n }\n\n .adw-nsv-sidebar {\n flex: 1 1 auto;\n max-width: none;\n border-right: none;\n }\n }\n}\n","// _carousel.scss — adw-carousel + its dot/line page indicators.\n//\n// A horizontal scroll-snap pager (adw-carousel) plus two indicator widgets that\n// bind to it. The indicators reproduce libadwaita's snapshot drawing as CSS: a\n// per-marker `--adw-carousel-progress` (0 = inactive, 1 = focused) lerps between\n// the inactive and selected size/opacity exactly as AdwCarousel does.\n//\n// Dots: DOTS_RADIUS 3 → DOTS_RADIUS_SELECTED 4 (6px → 8px), DOTS_SPACING 7,\n// DOTS_OPACITY 0.3 → DOTS_OPACITY_SELECTED 0.9, active fill = accent.\n// Lines: LINE_LENGTH 35, LINE_WIDTH 3, LINE_SPACING 5, LINE_OPACITY 0.3 →\n// LINE_OPACITY_ACTIVE 0.9, active fill = accent.\n//\n// Reference: refs/libadwaita/src/adw-carousel.c\n// Reference: refs/libadwaita/src/adw-carousel-indicator-dots.c\n// Reference: refs/libadwaita/src/adw-carousel-indicator-lines.c\n// Reference: refs/adwaita-web/adwaita-web/scss/_carousel_indicators.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-carousel {\n display: block;\n overflow: hidden;\n\n .adw-carousel-track {\n display: flex;\n flex-direction: row;\n height: 100%;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n // Hide the scrollbar — the carousel is paged, not scrolled by chrome.\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n }\n\n .adw-carousel-page {\n flex: 0 0 100%;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n scroll-snap-align: start;\n scroll-snap-stop: always;\n }\n}\n\n// Shared layout for both indicator kinds — a centered, horizontally-laid-out\n// row of markers (matching the AdwCarouselIndicator* widgets).\nadw-carousel-indicator-dots,\nadw-carousel-indicator-lines {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--spacing-xs);\n\n // The clickable marker resets the button chrome — the visible shape is drawn\n // by the per-kind rules below.\n button {\n appearance: none;\n -webkit-appearance: none;\n margin: 0;\n padding: 0;\n border: none;\n background: none;\n cursor: pointer;\n flex: 0 0 auto;\n }\n}\n\n// Dots — DOTS_SPACING 7px between centers; base diameter 6px (radius 3) growing\n// to 8px (radius 4) on the focused dot, opacity ramping 0.3 → 0.9.\nadw-carousel-indicator-dots {\n gap: 7px;\n\n .adw-carousel-dot {\n width: 8px;\n height: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n // The painted disc lives in ::before so the 8px hit-target stays constant\n // while the visible dot grows from 6px → 8px with progress.\n &::before {\n content: '';\n display: block;\n // 6px + (8px - 6px) * progress\n width: calc(6px + 2px * var(--adw-carousel-progress, 0));\n height: calc(6px + 2px * var(--adw-carousel-progress, 0));\n border-radius: 50%;\n background-color: var(--window-fg-color);\n // 0.3 + (0.9 - 0.3) * progress\n opacity: calc(0.3 + 0.6 * var(--adw-carousel-progress, 0));\n transition:\n width 0.2s ease,\n height 0.2s ease,\n opacity 0.2s ease,\n background-color 0.2s ease;\n }\n\n &.active::before {\n background-color: var(--window-fg-color);\n }\n }\n}\n\n// Lines — LINE_LENGTH 35px, LINE_WIDTH 3px, LINE_SPACING 5px; opacity ramps\n// 0.3 → 0.9; the active line recolors to the accent.\nadw-carousel-indicator-lines {\n gap: 5px;\n\n .adw-carousel-line {\n width: 35px;\n height: 3px;\n border-radius: 1.5px;\n background-color: var(--window-fg-color);\n // 0.3 + (0.9 - 0.3) * progress\n opacity: calc(0.3 + 0.6 * var(--adw-carousel-progress, 0));\n transition:\n opacity 0.2s ease,\n background-color 0.2s ease;\n\n &.active {\n background-color: var(--window-fg-color);\n }\n }\n}\n","// _tab_view.scss — adw-tab-view styling (a dynamic tabbed container with a tab\n// bar header; one page visible at a time). The bar is a headerbar-colored strip\n// of rounded chips; the selected chip is raised onto the view background, the\n// way libadwaita draws AdwTabBar over an AdwTabView.\n// Reference: refs/libadwaita/src/stylesheet/widgets/_tab-view.scss (tabbar/tabbox/tab)\n// Reference: refs/adwaita-web/adwaita-web/scss/_tabs.scss\n// Copyright (c) 2020-2022 Purism SPC / GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-tab-view {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n overflow: hidden;\n background-color: var(--window-bg-color);\n color: var(--window-fg-color);\n\n // --- Tab bar (the AdwTabBar strip) ---\n .adw-tab-bar {\n display: flex;\n align-items: flex-end;\n flex-shrink: 0;\n box-sizing: border-box;\n padding: 0 var(--spacing-xs);\n background-color: var(--headerbar-bg-color);\n color: var(--headerbar-fg-color);\n // libadwaita's inset bottom shade under the bar.\n box-shadow: inset 0 -1px var(--headerbar-shade-color);\n overflow-x: auto;\n scrollbar-width: thin;\n\n &[hidden] {\n display: none;\n }\n }\n\n .adw-tab-box {\n display: flex;\n align-items: stretch;\n gap: var(--spacing-xs);\n padding: var(--spacing-xs) 0;\n min-height: 34px;\n }\n\n // --- A single tab chip ---\n .adw-tab {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n gap: var(--spacing-xs);\n max-width: 200px;\n min-height: 26px;\n margin: 0;\n padding: 4px var(--spacing-s);\n border: none;\n border-radius: var(--button-radius);\n background-color: transparent;\n color: var(--headerbar-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n font-weight: 700;\n line-height: 1;\n cursor: pointer;\n user-select: none;\n -webkit-user-select: none;\n transition:\n background-color 150ms ease-in-out,\n color 150ms ease-in-out,\n box-shadow 150ms ease-in-out;\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color, var(--button-hover-color));\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: -1px;\n }\n\n // The selected tab — a raised chip on the view background, the way\n // libadwaita lifts the active tab off the bar.\n &.active {\n background-color: var(--view-bg-color);\n color: var(--view-fg-color);\n box-shadow:\n 0 1px 3px 1px rgba(0, 0, 6, 0.07),\n 0 2px 6px 2px rgba(0, 0, 6, 0.03);\n\n &:hover {\n background-color: var(--view-bg-color);\n }\n }\n }\n\n .adw-tab-title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 0;\n }\n\n // --- Close affordance (CSS-drawn \"×\", no symbolic icon ships) ---\n .adw-tab-close {\n box-sizing: border-box;\n flex-shrink: 0;\n position: relative;\n width: 18px;\n height: 18px;\n margin: 0;\n padding: 0;\n border: none;\n border-radius: 9999px;\n background-color: transparent;\n color: inherit;\n cursor: pointer;\n opacity: 0.7;\n transition:\n background-color 150ms ease-in-out,\n opacity 150ms ease-in-out;\n\n &:hover {\n opacity: 1;\n background-color: var(--button-hover-color);\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: 1px;\n }\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 9px;\n height: 1.5px;\n background-color: currentColor;\n border-radius: 1px;\n }\n\n &::before {\n transform: translate(-50%, -50%) rotate(45deg);\n }\n\n &::after {\n transform: translate(-50%, -50%) rotate(-45deg);\n }\n }\n\n // Single-tab bars dim the close affordance (libadwaita keeps a lone tab\n // non-interactive-looking).\n .adw-tab-bar.single-tab .adw-tab {\n &,\n &:hover,\n &:active {\n background: none;\n box-shadow: none;\n color: var(--headerbar-fg-color);\n }\n }\n\n // --- Pages (the AdwTabView content area) ---\n .adw-tab-view-pages {\n flex: 1 1 auto;\n position: relative;\n box-sizing: border-box;\n overflow: hidden;\n background-color: var(--view-bg-color);\n color: var(--view-fg-color);\n }\n\n .adw-tab-page {\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n overflow: auto;\n\n &[hidden] {\n display: none;\n }\n\n &.active-page {\n display: block;\n }\n }\n}\n","// _view_switcher.scss — adw-view-switcher styling: an adaptive, tab-style\n// switcher (single `viewswitcher` node) above a content area showing one page\n// at a time. Buttons are always icon + label, laid out side by side (`.wide`)\n// or stacked (`.narrow`), matching libadwaita's policy style classes.\n// Reference: refs/libadwaita/src/stylesheet/widgets/_view-switcher.scss (AdwViewSwitcher)\n// Reference: refs/adwaita-web/adwaita-web/scss/_viewswitcher.scss\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-view-switcher {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n\n // The segmented button bar — the single `viewswitcher` node in libadwaita.\n // Homogeneous tabs (equal width via flex:1) with a small gutter between them.\n .adw-view-switcher-bar {\n display: flex;\n align-items: stretch;\n gap: 3px; // libadwaita's `border-spacing: 3px`\n min-height: 34px;\n }\n\n // Each tab is a flat, transparent toggle that lights up with a subtle fill\n // when hovered and shows the active page with an accent-tinted background.\n .adw-view-switcher-button {\n box-sizing: border-box;\n display: inline-flex;\n flex: 1 1 0; // homogeneous — every tab gets equal width\n align-items: center;\n justify-content: center;\n margin: 0;\n padding: 2px 12px;\n border: none;\n border-radius: var(--button-radius);\n background-color: transparent;\n color: var(--window-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n font-weight: 700;\n line-height: 1.2;\n cursor: pointer;\n transition:\n color 0.2s ease,\n background-color 0.2s ease;\n user-select: none;\n -webkit-user-select: none;\n\n .adw-icon {\n width: 16px;\n height: 16px;\n flex: none;\n }\n\n .adw-view-switcher-label {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: -2px;\n }\n\n // The selected view — a neutral filled chip (libadwaita darkens the\n // whole button; the icon/label keep the normal foreground colour\n // rather than turning accent).\n &.active {\n background-color: var(--button-active-color);\n color: var(--window-fg-color);\n\n &:hover {\n background-color: var(--button-active-color);\n }\n }\n }\n\n // Wide policy — icon and label side by side.\n &.wide .adw-view-switcher-button {\n flex-direction: row;\n gap: var(--spacing-xs);\n }\n\n // Narrow policy — icon stacked above a smaller label, the compact layout\n // libadwaita drops to in a header bar at narrow window widths.\n &.narrow {\n .adw-view-switcher-bar {\n min-height: 6px;\n }\n\n .adw-view-switcher-button {\n flex-direction: column;\n gap: 1px;\n padding-top: 4px;\n padding-bottom: 2px;\n font-size: 0.75rem;\n\n .adw-view-switcher-label {\n min-height: 18px;\n line-height: 18px;\n }\n }\n }\n\n // The paired content area showing the active page — a card-like surface\n // below the switcher (the web stand-in for the Adw.ViewStack body).\n .adw-view-switcher-content {\n flex: 1 1 auto;\n margin-top: var(--spacing-s);\n padding: var(--spacing-m);\n background-color: var(--view-bg-color);\n border: 1px solid var(--separator-color);\n border-radius: var(--card-radius);\n }\n\n .adw-view-switcher-page {\n display: none;\n\n &.active-view {\n display: block;\n }\n }\n}\n","// _inline_view_switcher.scss — adw-inline-view-switcher styling (a compact view\n// switcher: a toggle-group-style bar of one toggle per page over a single\n// stacked content area, with the active toggle drawn as the raised Adwaita\n// active-toggle chip). The bar's per-display-mode sizing (labels / icons / both)\n// mirrors libadwaita's `inline-view-switcher > toggle-group.{labels,icons,both}`.\n// Reference: refs/libadwaita/src/adw-inline-view-switcher.c (AdwInlineViewSwitcher)\n// Reference: refs/libadwaita/src/stylesheet/widgets/_toggle-group.scss (inline-view-switcher > toggle-group)\n// Reference: refs/adwaita-web/adwaita-web/scss/_viewswitcher.scss\n// Copyright (c) 2023 Maximiliano Sandoval / 2024 GNOME Foundation Inc. (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\n// The active toggle uses a white-on-fg \"raised\" chip — the same tokens the\n// toggle-group uses (defined there; _theme.scss overrides them for dark).\n\nadw-inline-view-switcher {\n // libadwaita's ---group-padding: a small inset so the active chip floats\n // inside the group's pill, leaving a hairline of group background around it.\n --group-padding: 3px;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n\n // The switcher bar — a toggle-group pill, sized to its content.\n .adw-inline-view-switcher-group {\n display: inline-flex;\n box-sizing: border-box;\n align-items: stretch;\n gap: var(--group-padding);\n padding: var(--group-padding);\n border-radius: var(--button-radius);\n background-color: var(--button-bg-color);\n }\n\n // Each toggle is a button-shaped chip with the group's inner radius.\n .adw-inline-view-switcher-toggle {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--spacing-xs);\n min-width: 34px;\n min-height: 28px;\n margin: 0;\n padding: 4px 11px;\n border: none;\n border-radius: calc(var(--button-radius) - var(--group-padding));\n background-color: transparent;\n color: var(--window-fg-color);\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n font-weight: 700;\n line-height: 1;\n cursor: pointer;\n transition:\n color 0.2s ease,\n background-color 0.2s ease,\n box-shadow 0.2s ease;\n user-select: none;\n -webkit-user-select: none;\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: 1px;\n }\n\n // The active toggle — a raised white chip, the way libadwaita draws it.\n &.active {\n background-color: var(--active-toggle-bg-color);\n color: var(--active-toggle-fg-color);\n box-shadow:\n 0 1px 3px 1px rgba(0, 0, 6, 0.07),\n 0 2px 6px 2px rgba(0, 0, 6, 0.03);\n\n &:hover {\n background-color: var(--active-toggle-bg-color);\n }\n }\n }\n\n // The switcher's symbolic icon — a currentColor mask, sized like a toolbar\n // icon (matches the .adw-icon base used across @gjsify/adwaita-web).\n .adw-inline-view-switcher-icon {\n display: inline-block;\n width: 16px;\n height: 16px;\n flex: none;\n background-color: currentColor;\n mask-size: contain;\n mask-repeat: no-repeat;\n mask-position: center;\n -webkit-mask-size: contain;\n -webkit-mask-repeat: no-repeat;\n -webkit-mask-position: center;\n }\n\n .adw-inline-view-switcher-label {\n white-space: nowrap;\n }\n\n // The stacked content area below the bar — exactly one page is visible.\n .adw-inline-view-switcher-pages {\n width: 100%;\n }\n\n .adw-inline-view-switcher-page {\n &:not(.active-view) {\n display: none;\n }\n }\n\n // Per-display-mode sizing, mirroring libadwaita's\n // inline-view-switcher > toggle-group.{icons,labels,both}.\n .adw-inline-view-switcher-group.icons .adw-inline-view-switcher-toggle {\n min-width: 34px;\n padding-left: 0;\n padding-right: 0;\n }\n\n .adw-inline-view-switcher-group.labels .adw-inline-view-switcher-toggle {\n min-width: calc(18px + var(--group-padding) * 2);\n }\n\n // Round — group + toggles become pill-shaped.\n &.round {\n .adw-inline-view-switcher-group {\n border-radius: 17px;\n }\n\n .adw-inline-view-switcher-toggle {\n border-radius: calc(17px - var(--group-padding));\n padding-left: calc(15px - var(--group-padding));\n padding-right: calc(15px - var(--group-padding));\n }\n }\n\n // Flat — no group background; the active toggle uses a subtle fill instead\n // of the raised white chip.\n &.flat {\n --group-padding: 0px;\n\n .adw-inline-view-switcher-group {\n padding: 0;\n background: none;\n }\n\n .adw-inline-view-switcher-toggle {\n border-radius: var(--button-radius);\n\n &.active {\n background-color: var(--button-active-color);\n color: inherit;\n box-shadow: none;\n\n &:hover {\n background-color: var(--button-active-color);\n }\n }\n }\n\n &.round .adw-inline-view-switcher-toggle {\n border-radius: 17px;\n }\n }\n}\n","// _view_stack.scss — adw-view-stack styling: a standalone named-page content\n// container that shows exactly one page at a time (the web counterpart of\n// Adw.ViewStack, decoupled from any switcher). It carries no chrome of its own —\n// a paired adw-view-switcher-bar (or a header-bar switcher) drives selection.\n// Reference: refs/libadwaita/src/adw-view-stack.c (AdwViewStack)\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-view-stack {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n // vexpand-equivalent — fill the space a switcher shell allots to content.\n flex: 1 1 auto;\n min-height: 0;\n\n // Exactly one child is shown; the rest are laid out of flow. `hidden` is set\n // in JS too, but the class keeps the visible page a flex child that grows.\n .adw-view-stack-child {\n display: none;\n\n &.active-view {\n display: flex;\n flex-direction: column;\n flex: 1 1 auto;\n min-height: 0;\n }\n }\n}\n","// _view_switcher_bar.scss — adw-view-switcher-bar styling: the narrow BOTTOM\n// bar of homogeneous icon-over-label buttons bound to an adw-view-stack (the web\n// counterpart of Adw.ViewSwitcherBar). It sits at the window bottom with a top\n// hairline over a headerbar-toned surface, mirroring libadwaita's `.narrow`\n// view-switcher inside an actionbar. The active button's label is accent-tinted.\n// Reference: refs/libadwaita/src/adw-view-switcher-bar.c (AdwViewSwitcherBar)\n// Reference: refs/libadwaita/src/stylesheet/widgets/_view-switcher.scss (.narrow policy)\n// Reference: refs/libadwaita/src/stylesheet/widgets/_toolbars.scss (actionbar top border)\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-view-switcher-bar {\n display: block;\n box-sizing: border-box;\n // The bottom bar over a headerbar-toned surface with a top hairline (the\n // libadwaita `actionbar` inset top border), NOT a bottom border.\n background-color: var(--headerbar-bg-color);\n border-top: 1px solid var(--separator-color);\n padding: 7px 0; // libadwaita `viewswitcherbar > box` vertical padding\n\n // The homogeneous button row — every button gets equal width.\n .adw-view-switcher-bar-box {\n display: flex;\n align-items: stretch;\n // The `.narrow` view-switcher drops to a 6px min-height (icon-over-label).\n min-height: 6px;\n }\n\n // Each button — icon stacked above a small label, a flat transparent toggle\n // that fills on hover/active and marks the selected page with an accent\n // label (the neutral fill stays the same across states, like libadwaita).\n .adw-view-switcher-bar-button {\n box-sizing: border-box;\n display: inline-flex;\n flex: 1 1 0; // homogeneous — equal width\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 1px;\n margin: 0;\n padding: 4px 3px 2px;\n border: none;\n border-radius: var(--button-radius);\n background-color: transparent;\n color: var(--window-fg-color);\n font-family: var(--font-family);\n font-size: 0.75rem;\n font-weight: 700;\n line-height: 1.2;\n cursor: pointer;\n transition:\n color 0.2s ease,\n background-color 0.2s ease;\n user-select: none;\n -webkit-user-select: none;\n\n .adw-view-switcher-bar-icon {\n width: 16px;\n height: 16px;\n flex: none;\n }\n\n .adw-view-switcher-bar-label {\n min-height: 18px;\n line-height: 18px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: -2px;\n }\n\n // The selected page — its label turns accent-coloured. (The icon stays\n // theme-fg, matching the NS twin's documented fidelity note.)\n &.active {\n color: var(--accent-color);\n\n .adw-view-switcher-bar-label {\n color: var(--accent-color);\n }\n }\n }\n}\n","// _navigation_view.scss — adw-navigation-view styling (a page-based navigation\n// container; one page visible at a time, controlled with push/pop). The visible\n// page fills the view on the window background; an automatic back button is\n// drawn flat at the start of the visible page's header bar.\n// Reference: refs/libadwaita/src/adw-navigation-view.c (css node \"navigation-view\")\n// Reference: refs/adwaita-web/adwaita-web/docs/widgets/navigationview.md\n// Copyright (c) 2022-2023 Purism SPC / GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-navigation-view {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n position: relative;\n overflow: hidden;\n background-color: var(--window-bg-color);\n color: var(--window-fg-color);\n\n // The page stack — fills the view; positioned so pages can stack.\n .adw-navigation-view-pages {\n flex: 1 1 auto;\n position: relative;\n box-sizing: border-box;\n min-height: 0;\n overflow: hidden;\n }\n\n // A single navigation page — the visible one fills the view, the rest are\n // hidden. Positioned absolutely so a transition can overlap two pages.\n .adw-navigation-page {\n box-sizing: border-box;\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n overflow: auto;\n background-color: var(--window-bg-color);\n color: var(--window-fg-color);\n\n &[hidden] {\n display: none;\n }\n\n &.visible-page {\n display: flex;\n }\n\n // Let a page whose direct child fills (a toolbar-view / status-page)\n // stretch to the full height.\n > * {\n flex: 1 1 auto;\n min-height: 0;\n }\n }\n\n // The injected automatic back button — flat, sits at the start of the visible\n // page's header bar (mirrors AdwHeaderBar's grown-in back button).\n .adw-navigation-back-button {\n flex-shrink: 0;\n }\n\n // Slide transition for the visible page when transitions are animated. The\n // entering page fades up from a slight horizontal offset (LTR push), matching\n // libadwaita's spring-driven slide closely enough for the web target.\n &.animated .adw-navigation-page.visible-page {\n animation: adw-navigation-page-in 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n}\n\n@keyframes adw-navigation-page-in {\n from {\n opacity: 0;\n transform: translateX(12px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n","// _bottom_sheet.scss — adw-bottom-sheet styling (a content area with a sheet\n// that slides up from the bottom edge over the content, with an overlaid drag\n// handle). Mirrors libadwaita's AdwBottomSheet CSS node tree: a persistent\n// content layer, a dimming layer that fades in over it while open (modal), and\n// the sheet itself anchored to the bottom edge with rounded top corners + the\n// pill-shaped drag handle.\n// Reference: refs/libadwaita/src/stylesheet/widgets/_bottom-sheet.scss\n// (dimming / sheet box-shadow / drag-handle pill / dialog top radius)\n// Reference: refs/libadwaita/src/adw-bottom-sheet.c (open / modal / can-close)\n// Copyright (c) 2023-2024 GNOME Foundation Inc. (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-bottom-sheet {\n display: block;\n position: relative;\n box-sizing: border-box;\n overflow: hidden;\n background-color: var(--window-bg-color);\n color: var(--window-fg-color);\n\n // --- Persistent content layer ---\n .adw-bottom-sheet-content {\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n }\n\n // --- Dimming layer (modal scrim over the content) ---\n // libadwaita: > dimming { background: shade-color × 2 }. Non-interactive +\n // transparent when the sheet is closed.\n .adw-bottom-sheet-dimming {\n position: absolute;\n inset: 0;\n box-sizing: border-box;\n background-color: rgba(0, 0, 6, 0.32);\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transition:\n opacity 200ms ease,\n visibility 0s linear 200ms;\n\n &.visible {\n opacity: 1;\n visibility: visible;\n pointer-events: auto;\n transition:\n opacity 200ms ease,\n visibility 0s;\n }\n }\n\n // --- The slide-up sheet ---\n // Anchored to the bottom edge, full-width, rounded top corners (dialog\n // radius), slid off-screen when closed. The spring-driven AdwBottomSheet uses\n // a translate; the web port uses an eased transform for the same effect.\n .adw-bottom-sheet-sheet {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n box-sizing: border-box;\n max-height: 100%;\n overflow: auto;\n background-color: var(--view-bg-color);\n color: var(--view-fg-color);\n border-top-left-radius: var(--window-radius);\n border-top-right-radius: var(--window-radius);\n box-shadow:\n 0 0 14px 2px rgba(0, 0, 6, 0.03),\n 0 0 5px 2px rgba(0, 0, 6, 0.1),\n 0 0 0 1px rgba(0, 0, 0, 0.05);\n transform: translateY(100%);\n transition:\n transform 250ms ease,\n box-shadow 250ms ease;\n will-change: transform;\n }\n\n // --- Drag handle (overlaid pill at the top of the sheet) ---\n // libadwaita: > drag-handle { min-width 54px; min-height 6px; margin 15px;\n // border-radius 99px; background currentColor @ 25% }.\n .adw-bottom-sheet-drag-handle {\n flex-shrink: 0;\n box-sizing: border-box;\n width: 54px;\n min-height: 6px;\n height: 6px;\n margin: 15px auto;\n border-radius: 99px;\n background-color: color-mix(in srgb, currentColor 25%, transparent);\n cursor: pointer;\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: 4px;\n }\n }\n\n .adw-bottom-sheet-sheet-body {\n box-sizing: border-box;\n }\n\n // --- Open state ---\n &.open .adw-bottom-sheet-sheet {\n transform: translateY(0);\n }\n\n // A non-modal sheet must not block the content beneath it.\n &:not(.modal) .adw-bottom-sheet-dimming {\n display: none;\n }\n}\n","// _sidebar.scss — adw-sidebar styling (a selectable navigation sidebar built\n// from titled sections of icon + title + subtitle items). In sidebar mode it\n// renders as the flat AdwSidebar navigation list (`.navigation-sidebar`); in\n// page mode it renders as boxed lists with a trailing chevron on each row (the\n// AdwPreferencesPage look the native widget switches to when collapsed).\n// Reference: refs/libadwaita/src/stylesheet/widgets/_sidebars.scss (.navigation-sidebar, sidebar)\n// Reference: refs/libadwaita/src/adw-sidebar.c (row/header/section structure)\n// Copyright (c) 2025 GNOME Foundation Inc. (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-sidebar {\n display: block;\n box-sizing: border-box;\n overflow-y: auto;\n background-color: var(--sidebar-bg-color, var(--window-bg-color));\n color: var(--sidebar-fg-color, var(--window-fg-color));\n\n .adw-sidebar-list {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n // libadwaita's menu margins around the navigation list.\n padding: var(--spacing-xs) 0;\n }\n\n .adw-sidebar-section {\n display: flex;\n flex-direction: column;\n }\n\n // --- Section headers (heading or separator) ---\n .adw-sidebar-section-header {\n &[hidden] {\n display: none;\n }\n\n // Untitled section → a horizontal separator before its rows (the way the\n // AdwSidebar header stack shows its \"separator\" child).\n &.separator {\n height: 1px;\n margin: var(--spacing-xs) var(--spacing-s);\n background-color: var(--separator-color, var(--card-shade-color));\n }\n\n &.has-title {\n padding: var(--spacing-s) calc(var(--spacing-s) + 6px) var(--spacing-xs);\n\n // The first header sits flush with the top (mirrors `.header.first`).\n &.first {\n padding-top: 0;\n }\n }\n }\n\n .adw-sidebar-section-heading {\n font-size: var(--font-size-small);\n font-weight: 700;\n opacity: var(--dim-opacity);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n // --- A single item row ---\n .adw-sidebar-item {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n gap: var(--spacing-m);\n width: 100%;\n min-height: 36px;\n // The native row has a context menu, so padding lives on the inner box and\n // the row itself carries the menu margin + radius.\n margin: 0 var(--spacing-xs) 2px;\n padding: 3px 14px;\n border: none;\n border-radius: var(--button-radius, 6px);\n background-color: transparent;\n color: inherit;\n font-family: var(--font-family);\n font-size: var(--font-size-base);\n text-align: start;\n cursor: pointer;\n user-select: none;\n -webkit-user-select: none;\n transition:\n background-color 150ms ease-in-out,\n color 150ms ease-in-out;\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color, var(--button-hover-color));\n }\n\n &:focus-visible {\n outline: 2px solid var(--accent-color);\n outline-offset: -2px;\n }\n\n // Selected row — a neutral filled highlight; libadwaita's AdwSidebar\n // selection is a subtle fill with the normal foreground, not accent.\n &.selected {\n background-color: var(--button-active-color);\n color: var(--window-fg-color);\n\n &:hover,\n &:active {\n background-color: var(--button-active-color);\n }\n }\n }\n\n .adw-sidebar-item-icon {\n flex-shrink: 0;\n\n &[hidden] {\n display: none;\n }\n }\n\n .adw-sidebar-item-text {\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1 1 auto;\n min-width: 0;\n }\n\n .adw-sidebar-item-title {\n font-size: var(--font-size-base);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &[hidden] {\n display: none;\n }\n }\n\n .adw-sidebar-item-subtitle {\n font-size: var(--font-size-small);\n opacity: var(--dim-opacity);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &[hidden] {\n display: none;\n }\n }\n\n // The trailing chevron is only drawn in page (boxed-list) mode.\n .adw-sidebar-item-arrow {\n flex-shrink: 0;\n opacity: var(--dim-opacity);\n display: none;\n }\n\n // --- Page mode (boxed lists) ---\n // Sections become bordered, rounded cards (the AdwPreferencesGroup look) and\n // each row gains its trailing chevron; selection no longer fills the row with\n // the accent color, matching how the native widget drops the list selection\n // in page mode.\n &.page {\n .adw-sidebar-list {\n padding: var(--spacing-m);\n gap: var(--spacing-xs);\n }\n\n .adw-sidebar-section {\n border: 1px solid var(--card-shade-color);\n border-radius: var(--card-radius, 12px);\n background-color: var(--card-bg-color);\n color: var(--card-fg-color);\n overflow: hidden;\n }\n\n .adw-sidebar-section-header.has-title {\n padding: var(--spacing-m) var(--spacing-xs) var(--spacing-xs);\n\n &.first {\n padding-top: var(--spacing-m);\n }\n }\n\n .adw-sidebar-item {\n margin: 0;\n padding: var(--spacing-s) var(--spacing-m);\n border-radius: 0;\n border-bottom: 1px solid var(--card-shade-color);\n\n &:last-child {\n border-bottom: none;\n }\n\n &.selected {\n background-color: transparent;\n color: var(--card-fg-color);\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n }\n }\n\n .adw-sidebar-item-arrow {\n display: inline-block;\n }\n }\n}\n","// _about_dialog.scss — adw-about-dialog styling (a modal AdwDialog floating\n// sheet hosting the About navigation view: a full-cover scrim + a centred,\n// rounded, scrollable sheet box). Mirrors libadwaita's AdwDialog floating-sheet\n// node tree (dimming + rounded sheet with the outline + layered shadow) and the\n// AdwAboutDialog main page layout (large icon, title-1 name, dimmed developer\n// line, the version pill, then the navigation rows).\n// Reference: refs/libadwaita/src/stylesheet/widgets/_dialogs.scss\n// (floating-sheet > dimming / > sheet radius + box-shadow + outline)\n// Reference: refs/libadwaita/src/adw-about-dialog.ui (page tree, content-width 360)\n// Reference: refs/adwaita-web/adwaita-web/scss/_about_dialog.scss (web layout)\n// Copyright (c) 2022-2024 GNOME Foundation Inc. / Purism SPC (libadwaita). LGPLv2.1+.\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-about-dialog {\n // The host is inert until presented; `.open` reveals the scrim + sheet.\n display: none;\n\n &.open {\n display: block;\n }\n\n // --- Full-cover modal scrim ---\n // libadwaita: floating-sheet > dimming { background shade-color × 2 }.\n .adw-about-dialog-scrim {\n position: fixed;\n inset: 0;\n z-index: 1000;\n background-color: rgba(0, 0, 6, 0.32);\n animation: adw-about-dialog-scrim-in 200ms ease;\n }\n\n // --- Centred floating sheet ---\n // libadwaita: floating-sheet > sheet { dialog radius; layered shadow; 1px\n // outline -1px offset }. content-width 360 → a comfortable ~360px sheet.\n .adw-about-dialog-sheet {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 1001;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n width: 360px;\n max-width: calc(100vw - 48px);\n max-height: calc(100vh - 48px);\n overflow: hidden;\n background-color: var(--window-bg-color);\n color: var(--window-fg-color);\n border-radius: var(--window-radius);\n outline: 1px solid var(--separator-color);\n outline-offset: -1px;\n box-shadow:\n 0 0 14px 2px rgba(0, 0, 6, 0.03),\n 0 0 5px 2px rgba(0, 0, 6, 0.1),\n 0 0 0 1px rgba(0, 0, 0, 0.05);\n animation: adw-about-dialog-sheet-in 200ms cubic-bezier(0, 0, 0.2, 1);\n\n &:focus {\n outline: 1px solid var(--separator-color);\n outline-offset: -1px;\n }\n }\n\n // The navigation view fills the sheet; each page is a column.\n adw-navigation-view,\n .adw-navigation-view-pages,\n .adw-navigation-page {\n display: flex;\n flex-direction: column;\n flex: 1 1 auto;\n min-height: 0;\n }\n\n // --- Toolbar view (flat header bar over the window background + scroller) ---\n .adw-about-dialog-toolbar-view {\n display: flex;\n flex-direction: column;\n flex: 1 1 auto;\n min-height: 0;\n }\n\n // The dialog header bar is flat: transparent over the window background, no\n // bottom separator (libadwaita: window.about headerbar.titlebar { flat }).\n adw-header-bar {\n background-color: transparent;\n box-shadow: none;\n min-height: 47px;\n }\n\n // The close button — a flat circular button drawing a \"×\" glyph (no\n // window-close symbolic icon ships in @gjsify/adwaita-icons).\n .adw-about-dialog-close {\n width: 34px;\n height: 34px;\n padding: 0;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n line-height: 1;\n\n &::before {\n content: '\\00d7'; // ×\n }\n }\n\n // --- Scrolling content area ---\n .adw-about-dialog-scroll {\n flex: 1 1 auto;\n min-height: 0;\n overflow-y: auto;\n overflow-x: hidden;\n }\n\n .adw-about-dialog-clamp {\n width: 100%;\n max-width: 360px;\n margin-inline: auto;\n box-sizing: border-box;\n }\n\n .adw-about-dialog-page-body {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n padding: 0 var(--spacing-m) var(--spacing-l);\n }\n\n // --- Main page header title: hidden until the content scrolls ---\n // Mirrors AdwAboutDialog's update_headerbar_cb (show title once scrolled > 0).\n .main-page {\n adw-header-bar .adw-header-bar-title {\n opacity: 0;\n transition: opacity 150ms ease;\n }\n\n &.scrolled adw-header-bar .adw-header-bar-title {\n opacity: 1;\n }\n }\n\n // --- App icon (the large recessed glyph) ---\n .adw-about-dialog-icon {\n align-self: center;\n width: 96px;\n height: 96px;\n margin-top: var(--spacing-s);\n margin-bottom: var(--spacing-m);\n // Mask-driven adw-icon scaled up to the about-dialog app-icon size.\n -webkit-mask-size: contain;\n mask-size: contain;\n background-color: currentColor;\n }\n\n // --- App name (title-1) ---\n .adw-about-dialog-name {\n align-self: center;\n text-align: center;\n font-size: 18pt;\n font-weight: 800;\n line-height: 1.2;\n margin-bottom: var(--spacing-xs);\n }\n\n // --- Developer / vendor line ---\n .adw-about-dialog-developer {\n align-self: center;\n text-align: center;\n font-size: var(--font-size-base);\n opacity: var(--dim-opacity);\n margin-bottom: var(--spacing-m);\n }\n\n // --- Version pill ---\n // libadwaita: .app-version { small accent chip }.\n .adw-about-dialog-version {\n align-self: center;\n padding: 2px 12px;\n margin-bottom: var(--spacing-l);\n border-radius: 99px;\n font-size: var(--font-size-small);\n line-height: 1.4;\n background-color: color-mix(in srgb, var(--accent-bg-color) 14%, transparent);\n color: var(--accent-color);\n }\n\n // --- Row groups (Details / Credits / Legal navigation, link rows) ---\n .adw-about-dialog-rows {\n width: 100%;\n margin-top: var(--spacing-m);\n\n & + .adw-about-dialog-rows {\n margin-top: var(--spacing-l);\n }\n }\n\n // The trailing chevron / link affordance on a navigation or link row.\n .adw-about-dialog-chevron {\n width: 16px;\n height: 16px;\n opacity: var(--dim-opacity);\n }\n\n // --- Subpage content (Details / Credits / Legal) ---\n .adw-about-dialog-comments {\n margin: var(--spacing-s) 0 0;\n font-size: var(--font-size-base);\n line-height: 1.5;\n text-align: start;\n white-space: pre-wrap;\n }\n\n .adw-about-dialog-copyright {\n margin: var(--spacing-s) 0 0;\n font-size: var(--font-size-small);\n opacity: var(--dim-opacity);\n text-align: center;\n }\n\n .adw-about-dialog-license {\n margin: var(--spacing-s) 0 0;\n font-size: var(--font-size-small);\n opacity: var(--dim-opacity);\n text-align: center;\n\n a {\n color: var(--accent-color);\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n}\n\n@keyframes adw-about-dialog-scrim-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes adw-about-dialog-sheet-in {\n from {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.95);\n }\n to {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n}\n","// _alert_dialog.scss — adw-alert-dialog: a modal scrim + centred dialog box with\n// a bold heading, body text and a row/column of response buttons.\n// Reference: refs/libadwaita/src/stylesheet/widgets/_dialogs.scss (floating-sheet,\n// AdwDialog sheet shadow + radius)\n// Reference: refs/adwaita-web/adwaita-web/scss/_dialog.scss (alert layout)\n// Reference: refs/libadwaita/src/adw-alert-dialog.c (response button layout)\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Implemented for @gjsify/adwaita-web Web Components.\n\n// Host: lay the scrim + box out as a full-cover overlay only while open.\nadw-alert-dialog {\n display: none;\n\n &.open {\n display: block;\n }\n}\n\n// The scrim — a fixed full-cover dimming layer behind the dialog box.\n.adw-alert-dialog-scrim {\n position: fixed;\n inset: 0;\n z-index: 1050;\n background-color: rgba(0, 0, 6, 0.32);\n // Centre the dialog box (the box is the scrim's flex child).\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--spacing-l);\n // Mirror the AdwDialog present transition (a quick fade + scale).\n animation: adw-alert-dialog-fade-in 0.2s cubic-bezier(0, 0, 0.2, 1);\n}\n\n// The dialog box — the AdwDialog \"sheet\": rounded window-colored surface with a\n// soft shadow + hairline outline, centred above the scrim.\n.adw-alert-dialog-box {\n position: fixed;\n top: 50%;\n left: 50%;\n z-index: 1051;\n transform: translate(-50%, -50%);\n\n display: flex;\n flex-direction: column;\n\n box-sizing: border-box;\n width: 100%;\n max-width: 300px;\n max-height: calc(100vh - 2 * var(--spacing-xl));\n overflow: hidden;\n\n background-color: var(--window-bg-color);\n color: var(--window-fg-color);\n border-radius: var(--window-radius);\n outline: 1px solid var(--separator-color);\n outline-offset: -1px;\n box-shadow:\n 0 0 14px 2px rgba(0, 0, 6, 0.03),\n 0 0 5px 2px rgba(0, 0, 6, 0.1),\n 0 0 0 1px rgba(0, 0, 0, 0.05);\n\n font-family: var(--font-family);\n\n animation: adw-alert-dialog-pop-in 0.2s cubic-bezier(0, 0, 0.2, 1);\n}\n\n// Wider layout when responses are laid out horizontally (prefer-wide-layout).\n.adw-alert-dialog-box:has(.adw-alert-dialog-responses.horizontal) {\n max-width: 360px;\n}\n\n// The scrollable message area: heading + body + optional extra child.\n.adw-alert-dialog-message {\n display: flex;\n flex-direction: column;\n padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-l);\n overflow-y: auto;\n}\n\n.adw-alert-dialog-heading {\n margin: 0;\n // Matches the GTK .title-2 typography style (bold heading).\n font-size: 15pt;\n font-weight: 800;\n line-height: 1.3;\n text-align: center;\n}\n\n.adw-alert-dialog-body {\n margin: var(--spacing-s) 0 0;\n font-size: var(--font-size-base);\n line-height: 1.4;\n text-align: center;\n}\n\n// Extra child slot, displayed below the body.\n.adw-alert-dialog-child {\n margin-top: var(--spacing-m);\n\n &:empty {\n display: none;\n }\n}\n\n// Response button area. Vertical (stacked) by default; horizontal when the\n// dialog opts into the wide layout.\n.adw-alert-dialog-responses {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-s);\n padding: var(--spacing-m) var(--spacing-l) var(--spacing-l);\n\n &.horizontal {\n flex-direction: row;\n justify-content: stretch;\n\n .adw-alert-dialog-response {\n flex: 1 1 0;\n }\n }\n}\n\n// The response buttons — full-width pills within the stacked layout. They reuse\n// the .adw-button skin (incl. .suggested-action / .destructive-action), so only\n// the full width needs adding here. The default response is NOT accent-tinted —\n// libadwaita only colours suggested/destructive responses; the default one is\n// just the Enter-activated button and keeps the neutral button style.\n.adw-alert-dialog-response.adw-button {\n width: 100%;\n justify-content: center;\n}\n\n@keyframes adw-alert-dialog-fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes adw-alert-dialog-pop-in {\n from {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.95);\n }\n to {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n}\n","// _preferences_dialog.scss — adw-preferences-dialog styling (scrim + dialog box).\n// Reference: refs/libadwaita/src/stylesheet/widgets/_dialogs.scss (floating-sheet\n// scrim/dimming + sheet radius + box-shadow + outline)\n// Reference: refs/libadwaita/src/adw-preferences-dialog.ui (flat header + title)\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\nadw-preferences-dialog {\n // Hidden until presented (the `open` class is toggled by the component). The\n // element itself contributes nothing to layout while closed.\n display: none;\n\n &.open {\n display: block;\n }\n\n // Full-cover scrim — a fixed dimming layer behind the dialog box. Adwaita\n // dims with `--shade-color` at double alpha (see _dialogs.scss `floating-sheet\n // > dimming`); --shade-color isn't in the adwaita-web token subset, so use the\n // equivalent neutral wash.\n .adw-preferences-dialog-scrim {\n position: fixed;\n inset: 0;\n z-index: 1000;\n background-color: rgba(0, 0, 6, 0.32);\n }\n\n // The centred floating dialog box. Mirrors `floating-sheet > sheet`: the\n // dialog radius (= --window-radius in Adwaita), the layered drop shadow and a\n // 1px window outline.\n .adw-preferences-dialog-box {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 1001;\n display: flex;\n flex-direction: column;\n width: min(var(--adw-dialog-content-width, 640px), calc(100vw - 48px));\n max-height: calc(100vh - 48px);\n overflow: hidden;\n background-color: var(--window-bg-color);\n color: var(--window-fg-color);\n border-radius: var(--window-radius);\n outline: 1px solid var(--separator-color);\n outline-offset: -1px;\n box-shadow:\n 0 0 0 1px rgba(0, 0, 0, 0.05),\n 0 0 5px 2px rgba(0, 0, 6, 0.1),\n 0 0 14px 2px rgba(0, 0, 6, 0.03);\n }\n\n // Flat header bar — transparent over the window background (Adw's preferences\n // dialog header uses a flat AdwHeaderBar), title centred against the trailing\n // close button.\n .adw-preferences-dialog-header {\n display: flex;\n align-items: center;\n min-height: 47px;\n padding: 0 6px;\n flex-shrink: 0;\n }\n\n // Equal-width sides keep the title optically centred (strict centering).\n .adw-preferences-dialog-header-side {\n display: flex;\n align-items: center;\n flex: 1 1 0;\n min-width: 0;\n }\n\n .adw-preferences-dialog-header-side--end {\n justify-content: flex-end;\n }\n\n .adw-preferences-dialog-title {\n flex: 0 0 auto;\n font-weight: bold;\n font-size: var(--font-size-base);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: 0 6px;\n }\n\n // Round flat close button drawing a CSS \"×\" glyph (no symbolic close icon\n // ships in @gjsify/adwaita-icons — same approach as <adw-tab-view>).\n .adw-preferences-dialog-close {\n appearance: none;\n border: none;\n margin: 0;\n width: 28px;\n height: 28px;\n padding: 0;\n border-radius: 50%;\n background-color: transparent;\n color: var(--window-fg-color);\n cursor: pointer;\n position: relative;\n transition: background-color 0.1s ease;\n\n &::before,\n &::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 12px;\n height: 1.5px;\n background-color: currentColor;\n border-radius: 1px;\n }\n\n &::before {\n transform: translate(-50%, -50%) rotate(45deg);\n }\n\n &::after {\n transform: translate(-50%, -50%) rotate(-45deg);\n }\n\n &:hover {\n background-color: var(--button-hover-color);\n }\n\n &:active {\n background-color: var(--button-active-color);\n }\n\n &.locked {\n opacity: var(--dim-opacity);\n cursor: default;\n }\n }\n\n // Scrolled body holding the stacked pages. Adwaita preferences pages sit on\n // the window background (the boxed-list groups carry their own card surface).\n .adw-preferences-dialog-body {\n flex: 1 1 auto;\n min-height: 0;\n overflow-y: auto;\n }\n\n // Clamped column of preferences groups — Adw.PreferencesPage clamps content to\n // a comfortable reading width and stacks groups with generous spacing.\n .adw-preferences-dialog-pages {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-xl);\n max-width: 600px;\n margin: 0 auto;\n padding: var(--spacing-xl) var(--spacing-m);\n }\n}\n","// adwaita-skin.scss — Main entry point for @gjsify/adwaita-web.\n// Mirrors refs/adwaita-web/adwaita-web/scss/adwaita-skin.scss organization.\n// Reference: refs/adwaita-web/adwaita-web/scss/adwaita-skin.scss\n// Reference: refs/libadwaita/src/stylesheet/widgets/\n// Copyright (c) 2025 csm (adwaita-web). MIT License.\n// Copyright (c) GNOME contributors (libadwaita). LGPLv2.1+.\n// Modifications: Adapted for @gjsify/adwaita-web Web Components.\n\n@use 'icons.generated';\n@use 'variables';\n@use 'theme';\n@use 'root';\n@use 'window';\n@use 'headerbar';\n@use 'window_title';\n@use 'button';\n@use 'button_content';\n@use 'split_button';\n@use 'menu_button';\n@use 'toggle_group';\n@use 'entry';\n@use 'preferences';\n@use 'card';\n@use 'clamp';\n@use 'spinner';\n@use 'avatar';\n@use 'banner';\n@use 'status_page';\n@use 'row';\n@use 'action_row';\n@use 'entry_row';\n@use 'switch_row';\n@use 'combo_row';\n@use 'spin_row';\n@use 'button_row';\n@use 'expander_row';\n@use 'password_entry_row';\n@use 'toast';\n@use 'toolbar_view';\n@use 'wrap_box';\n@use 'overlay_split_view';\n@use 'navigation_split_view';\n@use 'carousel';\n@use 'tab_view';\n@use 'view_switcher';\n@use 'inline_view_switcher';\n@use 'view_stack';\n@use 'view_switcher_bar';\n@use 'navigation_view';\n@use 'bottom_sheet';\n@use 'sidebar';\n@use 'about_dialog';\n@use 'alert_dialog';\n@use 'preferences_dialog';\n\n// Ensure the `hidden` attribute always wins: components that toggle visibility\n// via `element.hidden = true` set the HTML attribute, but a custom `display`\n// from a layout class (e.g. `.adw-switch { display: inline-flex }`) has equal\n// specificity and would otherwise override the UA `[hidden] { display: none }`,\n// leaving the element laid out (and stealing width from its siblings).\n[hidden] {\n display: none !important;\n}\n"]}