[ { "path": ".config/EXTENSIONS.md", "content": "# GNOME Extensions Setup Guide\n\nWelcome! This guide will help you set up your GNOME desktop to look like **macOS Tahoe**, just like shown in the screenshots. Follow the steps below carefully.\n\n## Install Required GNOME Extensions\n\nThe macOS-Tahoe like theme depends on several GNOME extensions.\n\n### Install Extension Manager (GUI tool)\n\nIf you're on Fedora 39+ or Ubuntu 23.04+, install **Extension Manager** from Software Center or:\n\n```bash\nflatpak install flathub com.mattjakeman.ExtensionManager\n```\n\n## 1. Gnome 4x UI Improvements\n\n- **Description:** UI improvements for GNOME.\n- **Download:** [Gnome 4x UI Improvements](https://extensions.gnome.org/extension/4158/gnome-40-ui-improvements/)\n- **Setup:**\n 1. Download and install from the link above or through **Extension Manager**.\n 2. Enable the extension using GNOME Extensions app or Extension Manager.\n 3. Follow the steps in below screenshot:\n

\n\n## 2. Blur My Shell\n\n- **Description:** Adds blur effects to GNOME Shell, Dock and Applications.\n- **Download:** [Blur My Shell](https://extensions.gnome.org/extension/3193/blur-my-shell/)\n- **Setup:**\n 1. Download and install from the link above or through **Extension Manager**.\n 2. Enable the extension using GNOME Extensions app or Extension Manager.\n 3. Create all the [**Pipelines**](extensions/blur-my-shell/pipelines/) first.\n

\n

\n

\n

\n

\n 4. Follow the below steps.\n

\n

\n

\n

\n

\n\n## 3. Dash to Dock\n\n- **Description:** Moves the GNOME dash out of the overview and transforms it into a dock.\n- **Download:** [Dash to Dock](https://extensions.gnome.org/extension/307/dash-to-dock/)\n- **Setup:**\n 1. Download and install from the link above or through **Extension Manager**.\n 2. Enable the extension using GNOME Extensions app or Extension Manager.\n 3. Follow the below steps.\n

\n

\n

\n

\n

\n\n## 4. Open Bar\n\n- **Description:** macOS-style top bar for GNOME.\n- **Download:** [Open Bar](https://extensions.gnome.org/extension/6580/open-bar/)\n- **Setup:**\n 1. Download and install from the link above or through **Extension Manager**.\n 2. Enable the extension using GNOME Extensions app or Extension Manager.\n 3. To import the config:\n - Open Open Bar settings (Extension Manager → Open Bar → Settings).\n - Go to the `Admin` tab.\n - Click `Import` and select the provided config files - [Dark Mode](extensions/openBar/Tahoe-Dark) and [Light Mode](extensions/openBar/Tahoe-Light)\n\n## 5. Space Bar\n\n- **Description:** Space-themed workspace indicator for GNOME.\n- **Download:** [Space Bar](https://extensions.gnome.org/extension/5090/space-bar/)\n- **Setup:**\n 1. Download and install from the link above.\n 2. Enable via GNOME Extensions app.\n 3. Follow the below steps.\n

\n

\n

\n

\n\n## 6. Tiling Shell\n\n- **Description:** Tiling window management for GNOME Shell.\n- **Download:** [Tiling Shell](https://extensions.gnome.org/extension/7065/tiling-shell/)\n- **Setup:**\n 1. Download and install from the link above.\n 2. Enable via GNOME Extensions app.\n 3. To import the config:\n - Open Tiling Shell settings.\n - Scroll down to the last section.\n - Click `Import` and select the provided [config file](extensions/tiling-shell/tilingshell-settings.txt).\n\n## Install App Launcher Theme\n\n- App launcher theme can be installed using the **Install Extra** option in the interactive CLI menu.\n- Or you can find the theme for app launcher [here](https://github.com/kayozxo/ulauncher-liquid-glass) if you missed it.\n\n## ✅ Done!\n\nIf you like my project, you can buy me a coffee, many thanks ❤️ !\n\n\n\nReboot or log out and back in — your GNOME should now resemble **macOS Tahoe**!\n\nIf you face any issues or have questions, feel free to open an issue on the repo or drop a comment on [my Reddit post](https://www.reddit.com/r/unixporn/comments/1ogcgqg/gnome_macos_tahoe_v060/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button).\n" }, { "path": ".config/extensions/openBar/Tahoe-Dark", "content": "[/]\naccent-color=['0', '0.75', '0.75']\naccent-override=false\napply-accent-shell=false\napply-all-shell=false\napply-flatpak=false\napply-gtk=false\napply-menu-notif=true\napply-menu-shell=true\nauto-bgalpha=false\nautofg-bar=false\nautofg-menu=true\nautohg-bar=false\nautohg-menu=false\nautotheme-dark='Dark'\nautotheme-font=false\nautotheme-light='Dark'\nautotheme-refresh=false\nbalpha=0.12\nbartype='Floating'\nbcolor=['1.000', '1.000', '1.000']\nbg-change=false\nbgalpha=0.0\nbgalpha-wmax=0.0\nbgalpha2=0.0\nbgcolor=['0.384', '0.627', '0.918']\nbgcolor-wmax=['0.000', '0.000', '0.000']\nbgcolor2=['0.290', '0.341', '0.400']\nbgpalette=true\nbguri='file:///home/kayozxo/.config/background'\nborder-wmax=false\nbordertype='solid'\nbottom-margin=0.0\nboxalpha=0.0\nboxcolor=['0.251', '0.286', '0.353']\nbradius=50.0\nbuttonbg-wmax=false\nbwidth=0.80000000000000004\ncandy1=['0', '0.61', '0.74']\ncandy10=['0.09', '0.19', '0.72']\ncandy11=['0.75', '0.49', '0.44']\ncandy12=['1', '0.92', '0.12']\ncandy13=['0.38', '0.63', '0.92']\ncandy14=['0.37', '0.36', '0.39']\ncandy15=['0.40', '0.23', '0.72']\ncandy16=['1', '0.32', '0.32']\ncandy2=['1', '0.41', '0.41']\ncandy3=['0.63', '0.16', '0.8']\ncandy4=['0.94', '0.60', '0.23']\ncandy5=['0.03', '0.41', '0.62']\ncandy6=['0.56', '0.18', '0.43']\ncandy7=['0.95', '0.12', '0.67']\ncandy8=['0.18', '0.76', '0.49']\ncandy9=['0.93', '0.20', '0.23']\ncandyalpha=0.0\ncandybar=false\ncard-hint=10\ncolor-scheme='prefer-dark'\ncorner-radius=false\ncount1=210369\ncount10=2277\ncount11=530\ncount12=8\ncount2=61926\ncount3=54890\ncount4=54507\ncount5=48780\ncount6=42756\ncount7=39116\ncount8=35495\ncount9=11346\ncust-margin-wmax=true\ndark-accent-color=['0', '0.75', '0.75']\ndark-bcolor=['1.000', '1.000', '1.000']\ndark-bgcolor=['0.384', '0.627', '0.918']\ndark-bgcolor-wmax=['0.000', '0.000', '0.000']\ndark-bgcolor2=['0.290', '0.341', '0.400']\ndark-bguri='file:///home/kayozxo/.config/background'\ndark-boxcolor=['0.251', '0.286', '0.353']\ndark-candy1=['0', '0.61', '0.74']\ndark-candy10=['0.09', '0.19', '0.72']\ndark-candy11=['0.75', '0.49', '0.44']\ndark-candy12=['1', '0.92', '0.12']\ndark-candy13=['0.38', '0.63', '0.92']\ndark-candy14=['0.37', '0.36', '0.39']\ndark-candy15=['0.40', '0.23', '0.72']\ndark-candy16=['1', '0.32', '0.32']\ndark-candy2=['1', '0.41', '0.41']\ndark-candy3=['0.63', '0.16', '0.8']\ndark-candy4=['0.94', '0.60', '0.23']\ndark-candy5=['0.03', '0.41', '0.62']\ndark-candy6=['0.56', '0.18', '0.43']\ndark-candy7=['0.95', '0.12', '0.67']\ndark-candy8=['0.18', '0.76', '0.49']\ndark-candy9=['0.93', '0.20', '0.23']\ndark-dbgcolor=['0.125', '0.125', '0.125']\ndark-fgcolor=['0.929', '0.925', '0.933']\ndark-hcolor=['1.000', '1.000', '1.000']\ndark-hscd-color=['0.133', '0.216', '0.380']\ndark-iscolor=['0.251', '0.286', '0.353']\ndark-mbcolor=['0.250', '0.250', '0.250']\ndark-mbgcolor=['0.000', '0.000', '0.000']\ndark-mfgcolor=['1.000', '1.000', '1.000']\ndark-mhcolor=['1.000', '1.000', '1.000']\ndark-mscolor=['0.000', '0.406', '0.713']\ndark-mshcolor=['0.000', '0.000', '0.000']\ndark-palette1=['12', '42', '157']\ndark-palette10=['107', '132', '204']\ndark-palette11=['85', '110', '228']\ndark-palette12=['28', '36', '107']\ndark-palette2=['88', '71', '199']\ndark-palette3=['49', '82', '172']\ndark-palette4=['85', '109', '188']\ndark-palette5=['55', '67', '201']\ndark-palette6=['4', '15', '94']\ndark-palette7=['49', '43', '175']\ndark-palette8=['7', '24', '120']\ndark-palette9=['127', '143', '208']\ndark-shcolor=['0.000', '0.000', '0.000']\ndark-smbgcolor=['0.187', '0.187', '0.187']\ndark-vw-color=['0.133', '0.216', '0.380']\ndark-winbcolor=['0.133', '0.216', '0.380']\ndashdock-style='Default'\ndbgalpha=0.84999999999999998\ndbgcolor=['0.125', '0.125', '0.125']\ndborder=false\ndbradius=100.0\ndefault-font='Sans 12'\ndestruct-color=['0.75', '0.11', '0.16']\ndisize=16.0\ndshadow=true\nfgalpha=1.0\nfgcolor=['0.929', '0.925', '0.933']\nfitts-widgets=false\nfont='SF Pro Display Bold 10'\ngradient=false\ngradient-direction='vertical'\ngtk-popover=false\ngtk-shadow='Default'\ngtk-transparency=1.0\nhalpha=0.25\nhandle-border=20.0\nhbar-gtk3only=false\nhcolor=['1.000', '1.000', '1.000']\nheaderbar-hint=0\nheffect=false\nheight=38.0\nhpad=0.0\nhscd-color=['0.133', '0.216', '0.380']\nimport-export=true\nisalpha=0.0\niscolor=['0.251', '0.286', '0.353']\nlight-accent-color=['0', '0.75', '0.75']\nlight-bcolor=['0.478', '0.639', '0.784']\nlight-bgcolor=['0.251', '0.286', '0.353']\nlight-bgcolor-wmax=['0.922', '0.922', '0.922']\nlight-bgcolor2=['0.290', '0.341', '0.400']\nlight-bguri='file:///home/kayozxo/.config/background'\nlight-boxcolor=['0.251', '0.286', '0.353']\nlight-candy1=['0', '0.61', '0.74']\nlight-candy10=['0.09', '0.19', '0.72']\nlight-candy11=['0.75', '0.49', '0.44']\nlight-candy12=['1', '0.92', '0.12']\nlight-candy13=['0.38', '0.63', '0.92']\nlight-candy14=['0.37', '0.36', '0.39']\nlight-candy15=['0.40', '0.23', '0.72']\nlight-candy16=['1', '0.32', '0.32']\nlight-candy2=['1', '0.41', '0.41']\nlight-candy3=['0.63', '0.16', '0.8']\nlight-candy4=['0.94', '0.60', '0.23']\nlight-candy5=['0.03', '0.41', '0.62']\nlight-candy6=['0.56', '0.18', '0.43']\nlight-candy7=['0.95', '0.12', '0.67']\nlight-candy8=['0.18', '0.76', '0.49']\nlight-candy9=['0.93', '0.20', '0.23']\nlight-dbgcolor=['0.125', '0.125', '0.125']\nlight-fgcolor=['1.0', '1.0', '1.0']\nlight-hcolor=['0', '0.7', '0.9']\nlight-hscd-color=['0.133', '0.216', '0.380']\nlight-iscolor=['0.251', '0.286', '0.353']\nlight-mbcolor=['0.290', '0.357', '0.463']\nlight-mbgcolor=['0.133', '0.161', '0.204']\nlight-mfgcolor=['1.0', '1.0', '1.0']\nlight-mhcolor=['0', '0.7', '0.9']\nlight-mscolor=['0.133', '0.216', '0.380']\nlight-mshcolor=['0.000', '0.000', '0.000']\nlight-palette1=['12', '42', '157']\nlight-palette10=['107', '132', '204']\nlight-palette11=['85', '110', '228']\nlight-palette12=['28', '36', '107']\nlight-palette2=['88', '71', '199']\nlight-palette3=['49', '82', '172']\nlight-palette4=['85', '109', '188']\nlight-palette5=['55', '67', '201']\nlight-palette6=['4', '15', '94']\nlight-palette7=['49', '43', '175']\nlight-palette8=['7', '24', '120']\nlight-palette9=['127', '143', '208']\nlight-shcolor=['0.000', '0.000', '0.000']\nlight-smbgcolor=['0.290', '0.341', '0.400']\nlight-vw-color=['0.133', '0.216', '0.380']\nlight-winbcolor=['0.133', '0.216', '0.380']\nmargin=4.7999999999999998\nmargin-wmax=0.0\nmbalpha=0.0\nmbcolor=['0.250', '0.250', '0.250']\nmbg-gradient=true\nmbgalpha=0.92000000000000004\nmbgcolor=['0.000', '0.000', '0.000']\nmenu-radius=30.0\nmenustyle=false\nmfgalpha=1.0\nmfgcolor=['1.000', '1.000', '1.000']\nmhalpha=0.25\nmhcolor=['1.000', '1.000', '1.000']\nmonitor-height=900\nmonitor-width=1600\nmonitors='all'\nmsalpha=0.80000000000000004\nmscolor=['0.000', '0.406', '0.713']\nmshalpha=1.0\nmshcolor=['0.000', '0.000', '0.000']\nneon=false\nneon-wmax=false\nnotif-radius=20.0\npalette1=['12', '42', '157']\npalette10=['107', '132', '204']\npalette11=['85', '110', '228']\npalette12=['28', '36', '107']\npalette2=['88', '71', '199']\npalette3=['49', '82', '172']\npalette4=['85', '109', '188']\npalette5=['55', '67', '201']\npalette6=['4', '15', '94']\npalette7=['49', '43', '175']\npalette8=['7', '24', '120']\npalette9=['127', '143', '208']\npause-reload=false\nposition='Top'\nprominent1=['100', '100', '100']\nprominent2=['100', '100', '100']\nprominent3=['100', '100', '100']\nprominent4=['100', '100', '100']\nprominent5=['100', '100', '100']\nprominent6=['100', '100', '100']\nqtoggle-radius=50.0\nradius-bottomleft=true\nradius-bottomright=true\nradius-topleft=true\nradius-topright=true\nreloadstyle=false\nremovestyle=false\nsbar-gradient='none'\nset-bottom-margin=true\nset-fullscreen=false\nset-notif-position=true\nset-notifications=false\nset-overview=false\nset-yarutheme=false\nshadow=false\nshalpha=0.0\nshcolor=['0.000', '0.000', '0.000']\nsidebar-hint=0\nslider-height=20.0\nsmbgalpha=0.94999999999999996\nsmbgcolor=['0.187', '0.187', '0.187']\nsmbgoverride=true\nsuccess-color=['0.15', '0.635', '0.41']\ntraffic-light=false\ntrigger-autotheme=false\ntrigger-reload=true\nview-hint=0\nvpad=2.7999999999999998\nvw-color=['0.133', '0.216', '0.380']\nwarning-color=['0.96', '0.83', '0.17']\nwidth-bottom=true\nwidth-left=true\nwidth-right=true\nwidth-top=true\nwinbalpha=0.75\nwinbcolor=['0.133', '0.216', '0.380']\nwinbradius=15.0\nwinbwidth=0.0\nwindow-hint=0\nwmax-hbarhint=false\nwmaxbar=true\n" }, { "path": ".config/extensions/openBar/Tahoe-Light", "content": "[/]\naccent-color=['0', '0.75', '0.75']\naccent-override=false\napply-accent-shell=false\napply-all-shell=false\napply-flatpak=false\napply-gtk=false\napply-menu-notif=true\napply-menu-shell=true\nauto-bgalpha=false\nautofg-bar=true\nautofg-menu=true\nautohg-bar=false\nautohg-menu=false\nautotheme-dark='Dark'\nautotheme-font=false\nautotheme-light='Dark'\nautotheme-refresh=false\nbalpha=0.23999999999999999\nbartype='Floating'\nbcolor=['1.000', '1.000', '1.000']\nbg-change=false\nbgalpha=0.10000000000000001\nbgalpha-wmax=0.10000000000000001\nbgalpha2=0.0\nbgcolor=['0.000', '0.000', '0.000']\nbgcolor-wmax=['0.000', '0.000', '0.000']\nbgcolor2=['1.000', '1.000', '1.000']\nbgpalette=true\nbguri='file:///home/kayozxo/.config/background'\nborder-wmax=false\nbordertype='solid'\nbottom-margin=0.0\nboxalpha=0.0\nboxcolor=['0.251', '0.286', '0.353']\nbradius=50.0\nbuttonbg-wmax=false\nbwidth=0.80000000000000004\ncandy1=['0', '0.61', '0.74']\ncandy10=['0.09', '0.19', '0.72']\ncandy11=['0.75', '0.49', '0.44']\ncandy12=['1', '0.92', '0.12']\ncandy13=['0.38', '0.63', '0.92']\ncandy14=['0.37', '0.36', '0.39']\ncandy15=['0.40', '0.23', '0.72']\ncandy16=['1', '0.32', '0.32']\ncandy2=['1', '0.41', '0.41']\ncandy3=['0.63', '0.16', '0.8']\ncandy4=['0.94', '0.60', '0.23']\ncandy5=['0.03', '0.41', '0.62']\ncandy6=['0.56', '0.18', '0.43']\ncandy7=['0.95', '0.12', '0.67']\ncandy8=['0.18', '0.76', '0.49']\ncandy9=['0.93', '0.20', '0.23']\ncandyalpha=0.0\ncandybar=false\ncard-hint=10\ncolor-scheme='prefer-dark'\ncorner-radius=false\ncount1=377920\ncount10=9667\ncount11=2386\ncount12=643\ncount2=148051\ncount3=137423\ncount4=132224\ncount5=65214\ncount6=54151\ncount7=34949\ncount8=22090\ncount9=15282\ncust-margin-wmax=true\ndark-accent-color=['0', '0.75', '0.75']\ndark-bcolor=['1.000', '1.000', '1.000']\ndark-bgcolor=['0.000', '0.000', '0.000']\ndark-bgcolor-wmax=['0.000', '0.000', '0.000']\ndark-bgcolor2=['1.000', '1.000', '1.000']\ndark-bguri='file:///home/kayozxo/.config/background'\ndark-boxcolor=['0.251', '0.286', '0.353']\ndark-candy1=['0', '0.61', '0.74']\ndark-candy10=['0.09', '0.19', '0.72']\ndark-candy11=['0.75', '0.49', '0.44']\ndark-candy12=['1', '0.92', '0.12']\ndark-candy13=['0.38', '0.63', '0.92']\ndark-candy14=['0.37', '0.36', '0.39']\ndark-candy15=['0.40', '0.23', '0.72']\ndark-candy16=['1', '0.32', '0.32']\ndark-candy2=['1', '0.41', '0.41']\ndark-candy3=['0.63', '0.16', '0.8']\ndark-candy4=['0.94', '0.60', '0.23']\ndark-candy5=['0.03', '0.41', '0.62']\ndark-candy6=['0.56', '0.18', '0.43']\ndark-candy7=['0.95', '0.12', '0.67']\ndark-candy8=['0.18', '0.76', '0.49']\ndark-candy9=['0.93', '0.20', '0.23']\ndark-dbgcolor=['0.125', '0.125', '0.125']\ndark-fgcolor=['1.000', '1.000', '1.000']\ndark-hcolor=['1.000', '1.000', '1.000']\ndark-hscd-color=['0.133', '0.216', '0.380']\ndark-iscolor=['0.251', '0.286', '0.353']\ndark-mbcolor=['0.250', '0.250', '0.250']\ndark-mbgcolor=['0.980', '0.980', '0.980']\ndark-mfgcolor=['1.000', '1.000', '1.000']\ndark-mhcolor=['1.000', '1.000', '1.000']\ndark-mscolor=['0.000', '0.533', '1.000']\ndark-mshcolor=['0.000', '0.000', '0.000']\ndark-palette1=['64', '129', '201']\ndark-palette10=['31', '64', '94']\ndark-palette11=['28', '51', '83']\ndark-palette12=['18', '93', '201']\ndark-palette2=['9', '29', '97']\ndark-palette3=['187', '199', '201']\ndark-palette4=['126', '169', '201']\ndark-palette5=['29', '74', '188']\ndark-palette6=['38', '78', '127']\ndark-palette7=['68', '113', '157']\ndark-palette8=['137', '190', '199']\ndark-palette9=['219', '212', '180']\ndark-shcolor=['0.000', '0.000', '0.000']\ndark-smbgcolor=['0.965', '0.961', '0.957']\ndark-vw-color=['0.133', '0.216', '0.380']\ndark-winbcolor=['0.133', '0.216', '0.380']\ndashdock-style='Default'\ndbgalpha=0.84999999999999998\ndbgcolor=['0.125', '0.125', '0.125']\ndborder=false\ndbradius=100.0\ndefault-font='Sans 12'\ndestruct-color=['0.75', '0.11', '0.16']\ndisize=16.0\ndshadow=true\nfgalpha=1.0\nfgcolor=['1.000', '1.000', '1.000']\nfitts-widgets=false\nfont='SF Pro Display Bold 10'\ngradient=true\ngradient-direction='vertical'\ngtk-popover=false\ngtk-shadow='Default'\ngtk-transparency=1.0\nhalpha=0.25\nhandle-border=20.0\nhbar-gtk3only=false\nhcolor=['1.000', '1.000', '1.000']\nheaderbar-hint=0\nheffect=false\nheight=38.0\nhpad=0.0\nhscd-color=['0.133', '0.216', '0.380']\nimport-export=true\nisalpha=0.0\niscolor=['0.251', '0.286', '0.353']\nlight-accent-color=['0', '0.75', '0.75']\nlight-bcolor=['1.000', '1.000', '1.000']\nlight-bgcolor=['0.251', '0.286', '0.353']\nlight-bgcolor-wmax=['0.922', '0.922', '0.922']\nlight-bgcolor2=['0.290', '0.341', '0.400']\nlight-bguri='file:///home/kayozxo/.config/background'\nlight-boxcolor=['0.251', '0.286', '0.353']\nlight-candy1=['0', '0.61', '0.74']\nlight-candy10=['0.09', '0.19', '0.72']\nlight-candy11=['0.75', '0.49', '0.44']\nlight-candy12=['1', '0.92', '0.12']\nlight-candy13=['0.38', '0.63', '0.92']\nlight-candy14=['0.37', '0.36', '0.39']\nlight-candy15=['0.40', '0.23', '0.72']\nlight-candy16=['1', '0.32', '0.32']\nlight-candy2=['1', '0.41', '0.41']\nlight-candy3=['0.63', '0.16', '0.8']\nlight-candy4=['0.94', '0.60', '0.23']\nlight-candy5=['0.03', '0.41', '0.62']\nlight-candy6=['0.56', '0.18', '0.43']\nlight-candy7=['0.95', '0.12', '0.67']\nlight-candy8=['0.18', '0.76', '0.49']\nlight-candy9=['0.93', '0.20', '0.23']\nlight-dbgcolor=['0.125', '0.125', '0.125']\nlight-fgcolor=['1.000', '1.000', '1.000']\nlight-hcolor=['1.000', '1.000', '1.000']\nlight-hscd-color=['0.133', '0.216', '0.380']\nlight-iscolor=['0.251', '0.286', '0.353']\nlight-mbcolor=['0.290', '0.357', '0.463']\nlight-mbgcolor=['1.000', '1.000', '1.000']\nlight-mfgcolor=['1.0', '1.0', '1.0']\nlight-mhcolor=['0.753', '0.749', '0.737']\nlight-mscolor=['0.133', '0.216', '0.380']\nlight-mshcolor=['0.000', '0.000', '0.000']\nlight-palette1=['64', '129', '201']\nlight-palette10=['31', '64', '94']\nlight-palette11=['28', '51', '83']\nlight-palette12=['18', '93', '201']\nlight-palette2=['9', '29', '97']\nlight-palette3=['187', '199', '201']\nlight-palette4=['126', '169', '201']\nlight-palette5=['29', '74', '188']\nlight-palette6=['38', '78', '127']\nlight-palette7=['68', '113', '157']\nlight-palette8=['137', '190', '199']\nlight-palette9=['219', '212', '180']\nlight-shcolor=['0.000', '0.000', '0.000']\nlight-smbgcolor=['0.965', '0.961', '0.957']\nlight-vw-color=['0.133', '0.216', '0.380']\nlight-winbcolor=['0.133', '0.216', '0.380']\nmargin=4.7999999999999998\nmargin-wmax=0.0\nmbalpha=0.0\nmbcolor=['0.250', '0.250', '0.250']\nmbg-gradient=true\nmbgalpha=0.92000000000000004\nmbgcolor=['0.980', '0.980', '0.980']\nmenu-radius=30.0\nmenustyle=false\nmfgalpha=1.0\nmfgcolor=['1.000', '1.000', '1.000']\nmhalpha=0.25\nmhcolor=['1.000', '1.000', '1.000']\nmonitor-height=900\nmonitor-width=1600\nmonitors='all'\nmsalpha=1.0\nmscolor=['0.000', '0.533', '1.000']\nmshalpha=1.0\nmshcolor=['0.000', '0.000', '0.000']\nneon=false\nneon-wmax=false\nnotif-radius=20.0\npalette1=['64', '129', '201']\npalette10=['31', '64', '94']\npalette11=['28', '51', '83']\npalette12=['18', '93', '201']\npalette2=['9', '29', '97']\npalette3=['187', '199', '201']\npalette4=['126', '169', '201']\npalette5=['29', '74', '188']\npalette6=['38', '78', '127']\npalette7=['68', '113', '157']\npalette8=['137', '190', '199']\npalette9=['219', '212', '180']\npause-reload=false\nposition='Top'\nprominent1=['100', '100', '100']\nprominent2=['100', '100', '100']\nprominent3=['100', '100', '100']\nprominent4=['100', '100', '100']\nprominent5=['100', '100', '100']\nprominent6=['100', '100', '100']\nqtoggle-radius=50.0\nradius-bottomleft=true\nradius-bottomright=true\nradius-topleft=true\nradius-topright=true\nreloadstyle=false\nremovestyle=false\nsbar-gradient='none'\nset-bottom-margin=true\nset-fullscreen=false\nset-notif-position=true\nset-notifications=false\nset-overview=false\nset-yarutheme=false\nshadow=false\nshalpha=0.0\nshcolor=['0.000', '0.000', '0.000']\nsidebar-hint=0\nslider-height=20.0\nsmbgalpha=0.94999999999999996\nsmbgcolor=['0.965', '0.961', '0.957']\nsmbgoverride=true\nsuccess-color=['0.15', '0.635', '0.41']\ntraffic-light=false\ntrigger-autotheme=false\ntrigger-reload=false\nview-hint=0\nvpad=2.7999999999999998\nvw-color=['0.133', '0.216', '0.380']\nwarning-color=['0.96', '0.83', '0.17']\nwidth-bottom=true\nwidth-left=true\nwidth-right=true\nwidth-top=true\nwinbalpha=0.75\nwinbcolor=['0.133', '0.216', '0.380']\nwinbradius=15.0\nwinbwidth=0.0\nwindow-hint=0\nwmax-hbarhint=false\nwmaxbar=true\n" }, { "path": ".config/extensions/tiling-shell/tilingshell-settings.txt", "content": "[/]\nenable-autotiling=false\nenable-blur-selected-tilepreview=false\nenable-blur-snap-assistant=false\nenable-smart-window-border-radius=false\nenable-snap-assistant-windows-suggestions=false\nenable-tiling-system=true\nenable-tiling-system-windows-suggestions=false\nenable-window-border=false\ninner-gaps=uint32 8\nouter-gaps=uint32 20\nquarter-tiling-threshold=uint32 40\nselected-layouts=[['Layout 1'], ['Layout 4'], ['Layout 1'], ['Layout 1']]\nshow-indicator=true\nwindow-border-color='rgba(80,80,80,0.573333)'\nwindow-border-width=uint32 2\n" }, { "path": ".config/ghostty/config", "content": "font-family = \"JetBrainsMonoNL Nerd Font\"\ntheme = \"Aura\"\nfont-size = 14\ncursor-style = \"block\"\nbackground-opacity = 0.7\nbackground-blur-radius = 40\nwindow-decoration = false\nadjust-cursor-thickness = 20%\nwindow-padding-balance = true\nmacos-titlebar-style = \"tabs\"\n" }, { "path": ".config/walls/Tahoe.xml", "content": "\n\n \n Tahoe Background\n /usr/share/backgrounds/Tahoe/Tahoe-5k-light.jpg\n /usr/share/backgrounds/Tahoe/Tahoe-5k-dark.jpg\n zoom\n solid\n #51a2da\n #294172\n \n\n" }, { "path": ".github/CODE_OF_CONDUCT.md", "content": "# Contributor Covenant Code of Conduct\n\n## Our Pledge\n\nWe as members, contributors, and leaders pledge to make participation in our\ncommunity a harassment-free experience for everyone, regardless of age, body\nsize, visible or invisible disability, ethnicity, sex characteristics, gender\nidentity and expression, level of experience, education, socio-economic status,\nnationality, personal appearance, race, religion, or sexual identity\nand orientation.\n\nWe pledge to act and interact in ways that contribute to an open, welcoming,\ndiverse, inclusive, and healthy community.\n\n## Our Standards\n\nExamples of behavior that contributes to a positive environment for our\ncommunity include:\n\n* Demonstrating empathy and kindness toward other people\n* Being respectful of differing opinions, viewpoints, and experiences\n* Giving and gracefully accepting constructive feedback\n* Accepting responsibility and apologizing to those affected by our mistakes,\n and learning from the experience\n* Focusing on what is best not just for us as individuals, but for the\n overall community\n\nExamples of unacceptable behavior include:\n\n* The use of sexualized language or imagery, and sexual attention or\n advances of any kind\n* Trolling, insulting or derogatory comments, and personal or political attacks\n* Public or private harassment\n* Publishing others' private information, such as a physical or email\n address, without their explicit permission\n* Other conduct which could reasonably be considered inappropriate in a\n professional setting\n\n## Enforcement Responsibilities\n\nCommunity leaders are responsible for clarifying and enforcing our standards of\nacceptable behavior and will take appropriate and fair corrective action in\nresponse to any behavior that they deem inappropriate, threatening, offensive,\nor harmful.\n\nCommunity leaders have the right and responsibility to remove, edit, or reject\ncomments, commits, code, wiki edits, issues, and other contributions that are\nnot aligned to this Code of Conduct, and will communicate reasons for moderation\ndecisions when appropriate.\n\n## Scope\n\nThis Code of Conduct applies within all community spaces, and also applies when\nan individual is officially representing the community in public spaces.\nExamples of representing our community include using an official e-mail address,\nposting via an official social media account, or acting as an appointed\nrepresentative at an online or offline event.\n\n## Enforcement\n\nInstances of abusive, harassing, or otherwise unacceptable behavior may be\nreported to the community leaders responsible for enforcement at\nhttps://github.com/kayozxo/GNOME-macOS-Tahoe/issues.\nAll complaints will be reviewed and investigated promptly and fairly.\n\nAll community leaders are obligated to respect the privacy and security of the\nreporter of any incident.\n\n## Enforcement Guidelines\n\nCommunity leaders will follow these Community Impact Guidelines in determining\nthe consequences for any action they deem in violation of this Code of Conduct:\n\n### 1. Correction\n\n**Community Impact**: Use of inappropriate language or other behavior deemed\nunprofessional or unwelcome in the community.\n\n**Consequence**: A private, written warning from community leaders, providing\nclarity around the nature of the violation and an explanation of why the\nbehavior was inappropriate. A public apology may be requested.\n\n### 2. Warning\n\n**Community Impact**: A violation through a single incident or series\nof actions.\n\n**Consequence**: A warning with consequences for continued behavior. No\ninteraction with the people involved, including unsolicited interaction with\nthose enforcing the Code of Conduct, for a specified period of time. This\nincludes avoiding interactions in community spaces as well as external channels\nlike social media. Violating these terms may lead to a temporary or\npermanent ban.\n\n### 3. Temporary Ban\n\n**Community Impact**: A serious violation of community standards, including\nsustained inappropriate behavior.\n\n**Consequence**: A temporary ban from any sort of interaction or public\ncommunication with the community for a specified period of time. No public or\nprivate interaction with the people involved, including unsolicited interaction\nwith those enforcing the Code of Conduct, is allowed during this period.\nViolating these terms may lead to a permanent ban.\n\n### 4. Permanent Ban\n\n**Community Impact**: Demonstrating a pattern of violation of community\nstandards, including sustained inappropriate behavior, harassment of an\nindividual, or aggression toward or disparagement of classes of individuals.\n\n**Consequence**: A permanent ban from any sort of public interaction within\nthe community.\n\n## Attribution\n\nThis Code of Conduct is adapted from the [Contributor Covenant][homepage],\nversion 2.0, available at\nhttps://www.contributor-covenant.org/version/2/0/code_of_conduct.html.\n\nCommunity Impact Guidelines were inspired by [Mozilla's code of conduct\nenforcement ladder](https://github.com/mozilla/diversity).\n\n[homepage]: https://www.contributor-covenant.org\n\nFor answers to common questions about this code of conduct, see the FAQ at\nhttps://www.contributor-covenant.org/faq. Translations are available at\nhttps://www.contributor-covenant.org/translations.\n" }, { "path": ".github/FUNDING.yml", "content": "# These are supported funding model platforms\n\ngithub: prstephens\npatreon: # Replace with a single Patreon username\nopen_collective: # Replace with a single Open Collective username\nko_fi: # Replace with a single Ko-fi username\ntidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel\ncommunity_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry\nliberapay: # Replace with a single Liberapay username\nissuehunt: # Replace with a single IssueHunt username\nlfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry\npolar: # Replace with a single Polar username\nbuy_me_a_coffee: kayozxo\nthanks_dev: # Replace with a single thanks.dev username\ncustom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']\n" }, { "path": ".github/LICENSE", "content": "MIT License\n\nCopyright (c) 2025 Kayozxo\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": ".gitignore", "content": "# Python-generated files\n__pycache__/\n*.py[oc]\nbuild/\ndist/\nwheels/\n*.egg-info\n\n# Virtual environments\n.venv\n" }, { "path": "README.md", "content": "

\n\n
\n

A macOS Tahoe like theme for GNOME Desktops

\n
\n\n## Donate\n\nIf you like my project, you can buy me a coffee, many thanks ❤️ !\n\n\n\n# Installation is easy!\n\n
Recommended applications \n\n- [Ulauncher (Application Launcher)](https://ulauncher.io/#Download)\n- [GNOME Tweaks]() or [Refine (Recommended)](https://flathub.org/apps/page.tesk.Refine)\n\n
\n\n
Recommended GNOME Shell extensions \n\n- [Open Bar](https://extensions.gnome.org/extension/6580/open-bar/)\n- [Blur My Shell](https://extensions.gnome.org/extension/3193/blur-my-shell/)\n- [Dash to Dock](https://extensions.gnome.org/extension/307/dash-to-dock/)\n- [Gnome 4x UI Improvements](https://extensions.gnome.org/extension/4158/gnome-40-ui-improvements/)\n- [Space bar](https://extensions.gnome.org/extension/5090/space-bar/)\n- [Tiling Shell](https://extensions.gnome.org/extension/7065/tiling-shell/)\n- [User Themes](https://extensions.gnome.org/extension/19/user-themes/)\n- [Vitals](https://extensions.gnome.org/extension/1460/vitals/)\n- [Wallpapers](./.config/walls)\n\n
\n\n## Quick install\n\n### Interactive Installer (Recommended!)\n\n**Run the installer — it will automatically install [Gum](https://github.com/charmbracelet/gum) if needed!**\n\n```bash\ngit clone https://github.com/kayozxo/GNOME-macOS-Tahoe\ncd GNOME-macOS-Tahoe\n./install.sh\n```\n\n**No flags needed!** The installer will provide an interactive menu to guide you through:\n\n- 🎨 Install Light/Dark/Both themes\n- 🌈 Generate and install accent color variants (all 16 or specific)\n- 🖼️ Install generated accent variants to ~/.themes\n- ⚙️ Install libadwaita override (for modern GTK4 apps & GNOME Shell)\n- 🎯 Install extras: MacTahoe icons, MacTahoe wallpapers, WhiteSur cursors, Ulauncher theme and GDM theme\n- 🧹 Uninstall themes\n- 📖 Help & documentation\n\n### Command-line Usage (Advanced)\n\nIf you prefer command-line flags over the interactive menu:\n\n```bash\n# Install themes\n./install.sh -l # Light theme only\n./install.sh -d # Dark theme only\n./install.sh -u # Uninstall\n\n# Install wallpapers\n./install.sh -w # Tahoe 26 dynamic wallpapers\n\n# Generate accent colors\n./install.sh --colors # Generate all 16 variants\n./install.sh --color blue # Generate specific color\n\n# Install with libadwaita support\n./install.sh -d -la # Dark + libadwaita\n./install.sh -d --color blue -la # Dark blue + libadwaita + GNOME Shell\n```\n\n### Updating\n\n1. Run `cd GNOME-macOS-Tahoe`\n2. Run `git pull origin main`\n3. Run `./install.sh` again\n\nThen continue from [here](.config/EXTENSIONS.md)\n\n## Accent Colors\n\nTahoe now supports **16 beautiful accent colors** with complete theming support across **GTK4, GTK3, and GNOME Shell**! Generate and install accent color variants easily:\n\n### Examples\n\n```bash\n# Generate all 16 accent color variants\n./install.sh --colors\n\n# Generate and install specific color (dark & light)\n./install.sh --color blue\n\n# Dark mode only with purple accent\n./install.sh -d --color purple\n\n# Light mode only with green accent\n./install.sh -l --color green\n\n# Libadwaita fix with colored theme\n./install.sh -d --color blue -la\n```\n\n### Available Color\n\n| Color | Color |\n| ------ | ------- |\n| Blue | Rose |\n| Green | Emerald |\n| Purple | Violet |\n| Pink | Amber |\n| Orange | Cyan |\n| Red | Lime |\n| Teal | Sky |\n| Indigo | Slate |\n\n**After installation**, select your preferred color variant in **Tweaks → Appearance** (e.g., `Tahoe-Dark-Blue`, `Tahoe-Light-Green`, `Tahoe-Dark-Amber`, etc.). The accent colors will apply to all applications and GNOME Shell elements including dash, notifications, popups, and more!\n\n## Wallpapers\n\n

\n\n## Fix for libadwaita (not perfect)\n\n
Details (click to open) \n\nSince the release of `Gnome 43.0`, more and more built-in apps use `libadwaita` now, and libadwaita does not support custom themes, which means we cannot change the appearance of app using libadwaita through `gnome-tweaks` or `dconf-editor`. For users who love custom themes, it’s really sucks!\n\nAnyway if anybody who still want to custom themes we can only do this way:\n\nThat is to use the `theme file` to overwrite the `gtk-4.0 configuration file`. The result is that only Fixed making all gtk4 apps use one theme and cannot be switched (even can not switch to dark mode) If you want to change a theme, you can only re-overwrite the `gtk-4.0 configuration file` with a new theme, I know this method is not perfect, But at the moment it is only possible to continue using themes for libadwaita's apps ...\n\n
\n\nRun this command to install `Tahoe` into `gtk-4.0 configuration folder` ($HOME/.config/gtk-4.0) for libadwaita applications:\n\n```bash\n./install.sh -l -la # install light theme for libadwaita\n./install.sh -d -la # install dark theme for libadwaita\n./install.sh -d --color blue -la # install dark blue theme for libadwaita\n./install.sh -l --color green -la # install light green theme for libadwaita\n```\n\n**Note:** The `-la` flag also applies the accent color to GNOME Shell elements (dash, notifications, popups, etc.) when used with `--color`.\n\n## Fix for Flatpak\n\n#### 1. Run command to fix it\n\n```sh\nsudo flatpak override --filesystem=xdg-config/gtk-3.0 && sudo flatpak override --filesystem=xdg-config/gtk-4.0\n```\n\nIf you use flatpak apps, you can run this to fix theme issue\n\n#### 2. Connect Tahoe theme to Flatpak (gtk 3.0) (Snap not support)\n\nParameter: `--flatpak`\n\nExample: `./install.sh --flatpak`\n\n## ✅ Done!\n\nIf you like my project, you can buy me a coffee, many thanks ❤️ !\n\n\n\nReboot or log out and back in — your GNOME should now resemble **macOS Tahoe**!\n\nIf you face any issues or have questions, feel free to open an issue on the repo or drop a comment on [my Reddit post](https://www.reddit.com/r/unixporn/comments/1ogcgqg/gnome_macos_tahoe_v060/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button).\n" }, { "path": "generate_accent_variants.py", "content": "#!/usr/bin/env python3\n\"\"\"\nGTK Theme Accent Color Generator\nAutomatically generates multiple accent color variants for GTK themes\nwithout duplicating files manually.\n\nUsage:\n python3 generate_accent_variants.py [--color HEX] [--name NAME] [--all]\n\nExamples:\n python3 generate_accent_variants.py --color \"#ff6b6b\" --name \"coral\"\n python3 generate_accent_variants.py --all # Generate all predefined colors\n\"\"\"\n\nimport os\nimport re\nimport argparse\nimport colorsys\nfrom pathlib import Path\nfrom typing import Dict, List, Tuple, Optional\n\nclass ColorGenerator:\n \"\"\"Generate accent color variants for GTK themes\"\"\"\n\n # Predefined color palettes\n COLOR_PALETTES = {\n 'blue': '#3b82f6',\n 'green': '#10b981',\n 'purple': '#8b5cf6',\n 'pink': '#ec4899',\n 'orange': '#f59e0b',\n 'red': '#ef4444',\n 'teal': '#14b8a6',\n 'indigo': '#6366f1',\n 'rose': '#f43f5e',\n 'emerald': '#059669',\n 'violet': '#7c3aed',\n 'amber': '#d97706',\n 'cyan': '#06b6d4',\n 'lime': '#84cc16',\n 'sky': '#0ea5e9',\n 'slate': '#64748b'\n }\n\n def __init__(self, theme_root: str):\n self.theme_root = Path(theme_root)\n self.dark_theme = self.theme_root / 'gtk' / 'Tahoe-Dark'\n self.light_theme = self.theme_root / 'gtk' / 'Tahoe-Light'\n\n def hex_to_rgb(self, hex_color: str) -> Tuple[int, int, int]:\n \"\"\"Convert hex color to RGB tuple\"\"\"\n hex_color = hex_color.lstrip('#')\n return tuple(int(hex_color[i:i+2], 16) for i in (0, 2, 4))\n\n def hex_to_rgb_string(self, hex_color: str, opacity: float = 1.0) -> str:\n \"\"\"Convert hex color to RGB string with opacity\"\"\"\n rgb = self.hex_to_rgb(hex_color)\n return f'rgb({rgb[0]} {rgb[1]} {rgb[2]} / {int(opacity * 100)}%)'\n\n def rgb_to_hex(self, rgb: Tuple[int, int, int]) -> str:\n \"\"\"Convert RGB tuple to hex color\"\"\"\n return f\"#{rgb[0]:02x}{rgb[1]:02x}{rgb[2]:02x}\"\n\n def adjust_color_brightness(self, hex_color: str, factor: float) -> str:\n \"\"\"Adjust color brightness by factor (1.0 = no change, >1.0 = brighter, <1.0 = darker)\"\"\"\n rgb = self.hex_to_rgb(hex_color)\n hsv = colorsys.rgb_to_hsv(rgb[0]/255.0, rgb[1]/255.0, rgb[2]/255.0)\n new_v = min(1.0, hsv[2] * factor)\n new_rgb = colorsys.hsv_to_rgb(hsv[0], hsv[1], new_v)\n return self.rgb_to_hex((int(new_rgb[0]*255), int(new_rgb[1]*255), int(new_rgb[2]*255)))\n\n def generate_color_variants(self, base_color: str) -> Dict[str, str]:\n \"\"\"Generate color variants for different UI states\"\"\"\n return {\n 'base': base_color,\n 'hover': self.adjust_color_brightness(base_color, 1.1),\n 'active': self.adjust_color_brightness(base_color, 0.9),\n 'light': self.adjust_color_brightness(base_color, 1.3),\n 'dark': self.adjust_color_brightness(base_color, 0.7)\n }\n\n\n def create_accent_variant(self, color_name: str, base_color: str) -> None:\n \"\"\"Create a complete accent color variant\"\"\"\n colors = self.generate_color_variants(base_color)\n\n # Create variant directories\n dark_variant = self.dark_theme.parent / f'Tahoe-Dark-{color_name.title()}'\n light_variant = self.light_theme.parent / f'Tahoe-Light-{color_name.title()}'\n\n # Copy base themes\n self._copy_theme_directory(self.dark_theme, dark_variant)\n self._copy_theme_directory(self.light_theme, light_variant)\n\n # Inject accent colors into GTK4 files\n self._inject_gtk4_colors(dark_variant / 'gtk-4.0' / 'gtk.css', colors)\n self._inject_gtk4_colors(light_variant / 'gtk-4.0' / 'gtk.css', colors)\n\n # Inject accent colors into GTK3 files\n self._inject_gtk3_colors(dark_variant / 'gtk-3.0' / 'gtk.css', colors)\n self._inject_gtk3_colors(light_variant / 'gtk-3.0' / 'gtk.css', colors)\n\n # Inject accent colors into GNOME Shell files\n self._inject_gnome_shell_colors(dark_variant / 'gnome-shell' / 'gnome-shell.css', colors)\n self._inject_gnome_shell_colors(light_variant / 'gnome-shell' / 'gnome-shell.css', colors)\n\n # Update index.theme files\n self._update_index_theme(dark_variant, f'Tahoe-Dark-{color_name.title()}')\n self._update_index_theme(light_variant, f'Tahoe-Light-{color_name.title()}')\n\n print(f\"✅ Created accent variant: {color_name.title()}\")\n print(f\" Dark: {dark_variant}\")\n print(f\" Light: {light_variant}\")\n\n def _copy_theme_directory(self, src: Path, dst: Path) -> None:\n \"\"\"Copy theme directory recursively\"\"\"\n import shutil\n if dst.exists():\n shutil.rmtree(dst)\n shutil.copytree(src, dst)\n\n def _inject_gtk4_colors(self, css_file: Path, colors: Dict[str, str]) -> None:\n \"\"\"Inject accent colors into GTK4 CSS file\"\"\"\n if not css_file.exists():\n return\n\n import re\n\n with open(css_file, 'r') as f:\n content = f.read()\n\n base_color = colors['base']\n active_toggle_color = self.hex_to_rgb_string(base_color, 0.2)\n\n # Find the first :root block\n root_pattern = r'(:root\\s*\\{[^{}]*(?:\\{[^{}]*\\}[^{}]*)*\\})'\n root_match = re.search(root_pattern, content, re.DOTALL)\n\n if root_match:\n existing_root = root_match.group(0)\n brace_pos = existing_root.find('{')\n\n if brace_pos != -1:\n # Check if we already have these variables\n if ' --accent-bg-color:' not in existing_root:\n # Insert variables right after opening brace\n existing_root = existing_root[:brace_pos+1] + f'\\n --accent-bg-color: {base_color};\\n --accent-fg-color: white;\\n --active-toggle-bg-color: {active_toggle_color};' + existing_root[brace_pos+1:]\n else:\n # Update existing variables\n existing_root = re.sub(r' --accent-bg-color:\\s*[^;]+;', f' --accent-bg-color: {base_color};', existing_root)\n existing_root = re.sub(r' --accent-fg-color:\\s*[^;]+;', ' --accent-fg-color: white;', existing_root)\n # Remove old and add new active-toggle-bg-color\n existing_root = re.sub(r'\\s*--active-toggle-bg-color:\\s*[^;]+;', '', existing_root)\n fg_color_pos = existing_root.find('--active-toggle-fg-color')\n if fg_color_pos != -1:\n existing_root = existing_root[:fg_color_pos] + f' --active-toggle-bg-color: {active_toggle_color};\\n' + existing_root[fg_color_pos:]\n\n content = content.replace(root_match.group(0), existing_root)\n content = re.sub(r'\\s*--active-toggle-bg-color:\\s*rgb\\(255 255 255 / 20%\\);', '', content)\n\n with open(css_file, 'w') as f:\n f.write(content)\n\n def _inject_gtk3_colors(self, css_file: Path, colors: Dict[str, str]) -> None:\n \"\"\"Inject accent colors into GTK3 CSS file\"\"\"\n if not css_file.exists():\n return\n\n import re\n\n with open(css_file, 'r') as f:\n content = f.read()\n\n # Add GTK3 color definitions at the beginning\n gtk3_css = f\"\"\"/* GTK3 Accent Color Definitions */\n@define-color accent_color {colors['base']};\n@define-color accent_color_hover {colors['hover']};\n@define-color accent_color_active {colors['active']};\n\n/* Accent color applications */\nswitch:checked {{\n background-color: @accent_color;\n}}\n\nscale.horizontal > trough > highlight.top {{\n background-color: @accent_color;\n}}\n\nbutton.titlebutton.close {{\n background-color: @accent_color;\n}}\n\nbutton.titlebutton.close:hover {{\n background-color: @accent_color_hover;\n}}\n\nbutton.suggested-action {{\n background-color: @accent_color;\n}}\n\nbutton.suggested-action:hover {{\n background-color: @accent_color_hover;\n}}\n\nbutton.suggested-action:active {{\n background-color: @accent_color_active;\n}}\n\"\"\"\n\n content = gtk3_css + '\\n' + content\n\n with open(css_file, 'w') as f:\n f.write(content)\n\n def _inject_gnome_shell_colors(self, css_file: Path, colors: Dict[str, str]) -> None:\n \"\"\"Inject accent colors into GNOME Shell CSS file\"\"\"\n if not css_file.exists():\n return\n\n import re\n\n with open(css_file, 'r') as f:\n content = f.read()\n\n base_color = colors['base']\n hover_color = colors['hover']\n active_color = colors['active']\n\n # Replace hardcoded accent colors with the new color\n # Replace #0091ff (default blue) with the accent color\n content = re.sub(r'#0091ff', base_color, content)\n\n # Replace #3484e2 (lighter blue) with hover color\n content = re.sub(r'#3484e2', hover_color, content)\n\n # Replace any remaining hardcoded accent colors that might be variations\n # This handles cases where colors are mixed or modified\n content = re.sub(r'st-lighten\\(#0091ff', f'st-lighten({base_color}', content)\n content = re.sub(r'st-darken\\(#0091ff', f'st-darken({base_color}', content)\n content = re.sub(r'st-transparentize\\(#0091ff', f'st-transparentize({base_color}', content)\n content = re.sub(r'st-mix\\([^,]+,\\s*#0091ff', f'st-mix(white, {base_color}', content)\n\n with open(css_file, 'w') as f:\n f.write(content)\n\n\n def _update_index_theme(self, theme_dir: Path, theme_name: str) -> None:\n \"\"\"Update index.theme file with new theme name\"\"\"\n index_file = theme_dir / 'index.theme'\n if not index_file.exists():\n return\n\n with open(index_file, 'r') as f:\n content = f.read()\n\n # Replace theme name\n content = re.sub(r'Name=.*', f'Name={theme_name}', content)\n content = re.sub(r'GtkTheme=.*', f'GtkTheme={theme_name}', content)\n\n with open(index_file, 'w') as f:\n f.write(content)\n\n def generate_all_variants(self) -> None:\n \"\"\"Generate all predefined color variants\"\"\"\n print(\"🎨 Generating all accent color variants...\")\n for color_name, color_value in self.COLOR_PALETTES.items():\n self.create_accent_variant(color_name, color_value)\n print(f\"\\n✨ Generated {len(self.COLOR_PALETTES)} accent variants!\")\n\ndef main():\n parser = argparse.ArgumentParser(description='Generate GTK theme accent color variants')\n parser.add_argument('--color', type=str, help='Hex color code (e.g., #ff6b6b) or color name (e.g., blue)')\n parser.add_argument('--name', type=str, help='Color variant name (e.g., coral)')\n parser.add_argument('--all', action='store_true', help='Generate all predefined colors')\n\n args = parser.parse_args()\n\n # Get theme root directory\n theme_root = Path(__file__).parent\n generator = ColorGenerator(str(theme_root))\n\n if args.all:\n generator.generate_all_variants()\n elif args.color and args.name:\n # Check if color is a predefined color name\n if args.color in generator.COLOR_PALETTES:\n actual_color = generator.COLOR_PALETTES[args.color]\n generator.create_accent_variant(args.name, actual_color)\n else:\n # Assume it's a hex color\n generator.create_accent_variant(args.name, args.color)\n else:\n print(\"Usage examples:\")\n print(\" python3 generate_accent_variants.py --color '#ff6b6b' --name 'coral'\")\n print(\" python3 generate_accent_variants.py --color 'blue' --name 'blue'\")\n print(\" python3 generate_accent_variants.py --all\")\n print(\"\\nAvailable predefined colors:\")\n for name, color in generator.COLOR_PALETTES.items():\n print(f\" {name}: {color}\")\n\nif __name__ == '__main__':\n main()\n" }, { "path": "gtk/Tahoe-Dark/gnome-shell/gnome-shell.css", "content": "/* This stylesheet is generated, DO NOT EDIT */\n/* Copyright 2009, 2015 Red Hat, Inc.\n *\n * Portions adapted from Mx's data/style/default.css\n * Copyright 2009 Intel Corporation\n *\n * This program is free software; you can redistribute it and/or modify it\n * under the terms and conditions of the GNU Lesser General Public License,\n * version 2.1, as published by the Free Software Foundation.\n *\n * This program is distributed in the hope it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS\n * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for\n * more details.\n *\n * You should have received a copy of the GNU Lesser General Public License\n * along with this program; if not, write to the Free Software Foundation,\n * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.\n */\nstage {\n font-size: 1em;\n color: #dedede;\n}\n\n/* General Typography */\n.message-notification-group .message-group-header .message-group-title,\n.message-list .message-list-placeholder,\n.message-dialog-content .message-dialog-title,\n.datemenu-today-button .date-label {\n font-weight: 800;\n font-size: 1.364em;\n}\n\n.quick-toggle-menu .header .title {\n font-weight: 700;\n font-size: 1.364em;\n}\n\n.bt-menu-placeholder.popup-menu-item,\n.restart-message,\n.polkit-dialog-user-layout .polkit-dialog-user-label,\n.polkit-dialog-user-layout .polkit-dialog-user-root-label,\n.message-dialog-content .message-dialog-title.lightweight {\n font-weight: 700;\n font-size: 1.182em;\n}\n\n.background-app-item .title,\n.quick-toggle .quick-toggle-title,\n.message-list-controls,\n.dialog-list .dialog-list-title,\n.weather-button .weather-header,\n.world-clocks-button .world-clocks-header,\n.events-button .event-summary,\n.events-button .events-title,\n.events-button .events-section-title,\n.calendar .calendar-month-label {\n font-weight: 700;\n font-size: 1em;\n}\n\n.quick-toggle-menu .header .subtitle {\n font-weight: 700;\n font-size: 0.818em;\n}\n\n.background-app-item .subtitle,\n.quick-toggle .quick-toggle-subtitle,\n.message .message-header .message-header-content .event-time,\n.prompt-dialog-error-label,\n.prompt-dialog-info-label,\n.prompt-dialog-null-label,\n.run-dialog .run-dialog-description,\n.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description,\n.caps-lock-warning-label,\n.world-clocks-button .world-clocks-timezone,\n.events-button .event-time {\n font-weight: 400;\n font-size: 0.818em;\n}\n\n.weather-button .weather-forecast-time,\n.calendar .calendar-day-heading,\n.calendar .calendar-week-number,\n.calendar .calendar-day,\n.calendar .calendar-day-base {\n font-weight: 400;\n font-size: 0.727em;\n}\n\n#panel,\n.weather-button .weather-forecast-temp,\n.weather-button .weather-forecast-time,\n.world-clocks-button .world-clocks-timezone,\n.world-clocks-button .world-clocks-time,\n.events-button .event-time,\n.calendar .calendar-day-heading,\n.calendar .calendar-day,\n.calendar .calendar-day-base {\n font-feature-settings: 'tnum';\n}\n\n.ripple-pointer-location {\n width: 48px;\n height: 48px;\n border-radius: 24px;\n background-color: st-lighten(st-transparentize(#0091ff, 0.7), 30%);\n box-shadow: 0 0 2px 2px st-lighten(#0091ff, 20%);\n}\n\n.pie-timer {\n width: 60px;\n height: 60px;\n -pie-border-width: 3px;\n -pie-border-color: #0091ff;\n -pie-background-color: st-lighten(st-transparentize(#0091ff, 0.7), 40%);\n}\n\n.magnifier-zoom-region {\n border: 2px solid #0091ff;\n}\n\n.magnifier-zoom-region.full-screen {\n border-width: 0;\n}\n\n/* App Icons */\n.grid-search-result .overview-icon {\n color: white;\n border-radius: 36px;\n padding: 12px;\n border: none;\n transition-duration: 100ms;\n text-align: center;\n text-shadow: none;\n background-color: transparent;\n}\n\n.grid-search-result:hover .overview-icon,\n.grid-search-result:focus .overview-icon,\n.grid-search-result:selected .overview-icon {\n background-color: rgba(255, 255, 255, 0.12);\n border-image: none;\n background-image: none;\n}\n\n.grid-search-result:active .overview-icon,\n.grid-search-result:checked .overview-icon {\n background-color: rgba(255, 255, 255, 0.2);\n box-shadow: none;\n}\n\n.app-folder-dialog {\n border-radius: 32px;\n border: none;\n box-shadow: none;\n background-color: rgba(38, 38, 38, 0.9);\n color: rgba(255, 255, 255, 0.85);\n}\n\n.app-folder-dialog .folder-name-container {\n padding: 24px 36px 0;\n spacing: 12px;\n /* FIXME: this is to keep the label in sync with the entry */\n}\n\n.app-folder-dialog .folder-name-container .folder-name-label,\n.app-folder-dialog .folder-name-container .folder-name-entry {\n font-size: 16pt;\n font-weight: bold;\n}\n\n.app-folder-dialog .folder-name-container .folder-name-entry {\n width: 240px !important;\n}\n\n.app-folder-dialog .folder-name-container .folder-name-label {\n padding: 4px;\n color: rgba(255, 255, 255, 0.85);\n}\n\n.app-folder-dialog .folder-name-container .edit-folder-button {\n background-color: rgba(255, 255, 255, 0.06);\n color: rgba(255, 255, 255, 0.85);\n border: none;\n padding: 0;\n width: 36px;\n height: 36px;\n border-radius: 9999px;\n}\n\n.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {\n icon-size: 16px;\n}\n\n.app-folder-dialog .folder-name-container .edit-folder-button:hover {\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n.app-folder-dialog .folder-name-container .edit-folder-button:checked,\n.app-folder-dialog .folder-name-container .edit-folder-button:active {\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n.app-folder-dialog .icon-grid {\n row-spacing: 12px;\n column-spacing: 12px;\n page-padding-top: 0;\n page-padding-bottom: 0;\n page-padding-left: 0;\n page-padding-right: 0;\n}\n\n.app-folder-dialog .page-indicators {\n margin-bottom: 18px;\n}\n\n.app-folder-dialog-container {\n padding: 6px !important;\n width: 580px;\n height: 580px;\n}\n\n.app-well-app-running-dot {\n width: 5px;\n height: 5px;\n border-radius: 5px;\n background-color: rgba(255, 255, 255, 0.85);\n margin-bottom: 6px;\n}\n\nStWidget.focused .app-well-app-running-dot {\n background-color: #0091ff;\n}\n\n.page-indicator {\n padding: 4px 8px;\n}\n\n.page-indicator .page-indicator-icon {\n width: 12px;\n height: 12px;\n border-radius: 12px;\n margin: 0;\n padding: 0;\n background-image: none;\n color: transparent;\n border: none;\n box-shadow: none;\n background-color: rgba(255, 255, 255, 0.35);\n}\n\n.page-indicator:hover .page-indicator-icon {\n background-image: none;\n background-color: rgba(255, 255, 255, 0.45);\n}\n\n.page-indicator:active .page-indicator-icon {\n margin: 0;\n padding: 0;\n background-image: none;\n color: transparent;\n border: none;\n box-shadow: none;\n background-color: rgba(255, 255, 255, 0.85);\n}\n\n.page-indicator:checked .page-indicator-icon {\n background-image: none;\n background-color: rgba(255, 255, 255, 0.85);\n}\n\n.page-indicator:checked:active {\n background-image: none;\n}\n\n.system-action-icon {\n box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);\n background-color: rgba(0, 0, 0, 0.6);\n color: white;\n border-radius: 100px;\n icon-size: 48px;\n}\n\n.shell-link {\n border-radius: 6px;\n color: #3484e2;\n}\n\n.shell-link:hover {\n color: #3484e2;\n background-color: rgba(52, 132, 226, 0.15);\n}\n\n.shell-link:active {\n color: #3484e2;\n background-color: rgba(52, 132, 226, 0.3);\n}\n\n.lowres-icon {\n icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);\n}\n\n.icon-dropshadow {\n icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n}\n\n/* Buttons */\n.icon-button,\n.background-app-item .icon-button,\n.background-app-item .message-notification-group .message-collapse-button,\n.message-notification-group .background-app-item .message-collapse-button,\n.background-app-item .message .message-header .message-expand-button,\n.message .message-header .background-app-item .message-expand-button,\n.background-app-item .message .message-header .message-close-button,\n.message .message-header .background-app-item .message-close-button,\n.message .message-header .message-expand-button,\n.message .message-header .message-close-button,\n.message-notification-group .message-collapse-button,\n.button {\n color: #dedede;\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button:hover,\n.message .message-header .message-expand-button:hover,\n.message .message-header .message-close-button:hover,\n.message-notification-group .message-collapse-button:hover,\n.button:hover {\n color: #dedede;\n background-color: rgba(255, 255, 255, 0.1);\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button:selected,\n.message .message-header .message-expand-button:selected,\n.message .message-header .message-close-button:selected,\n.message-notification-group .message-collapse-button:selected,\n.button:selected,\n.icon-button:active,\n.message .message-header .message-expand-button:active,\n.message .message-header .message-close-button:active,\n.message-notification-group .message-collapse-button:active,\n.button:active {\n color: #dedede;\n background-color: rgba(255, 255, 255, 0.16);\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button:checked,\n.message .message-header .message-expand-button:checked,\n.message .message-header .message-close-button:checked,\n.message-notification-group .message-collapse-button:checked,\n.button:checked {\n color: white;\n background-color: #0091ff;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button:insensitive,\n.message .message-header .message-expand-button:insensitive,\n.message .message-header .message-close-button:insensitive,\n.message-notification-group .message-collapse-button:insensitive,\n.button:insensitive {\n color: rgba(222, 222, 222, 0.35);\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button:focus,\n.message .message-header .message-expand-button:focus,\n.message .message-header .message-close-button:focus,\n.message-notification-group .message-collapse-button:focus,\n.button:focus {\n color: #dedede;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button:focus,\n.message .message-header .message-expand-button:focus,\n.message .message-header .message-close-button:focus,\n.message-notification-group .message-collapse-button:focus,\n.button:focus {\n box-shadow: none !important;\n}\n\n.icon-button.flat,\n.message .message-header .flat.message-expand-button,\n.message .message-header .flat.message-close-button,\n.message-notification-group .flat.message-collapse-button,\n.button.flat {\n color: #dedede;\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button.flat:hover,\n.message .message-header .flat.message-expand-button:hover,\n.message .message-header .flat.message-close-button:hover,\n.message-notification-group .flat.message-collapse-button:hover,\n.button.flat:hover {\n color: #dedede;\n background-color: rgba(255, 255, 255, 0.1);\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button.flat:selected,\n.message .message-header .flat.message-expand-button:selected,\n.message .message-header .flat.message-close-button:selected,\n.message-notification-group .flat.message-collapse-button:selected,\n.button.flat:selected,\n.icon-button.flat:active,\n.message .message-header .flat.message-expand-button:active,\n.message .message-header .flat.message-close-button:active,\n.message-notification-group .flat.message-collapse-button:active,\n.button.flat:active {\n color: #dedede;\n background-color: rgba(255, 255, 255, 0.16);\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button.flat:checked,\n.message .message-header .flat.message-expand-button:checked,\n.message .message-header .flat.message-close-button:checked,\n.message-notification-group .flat.message-collapse-button:checked,\n.button.flat:checked {\n color: #dedede;\n background-color: rgba(255, 255, 255, 0.1);\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button.flat:insensitive,\n.message .message-header .flat.message-expand-button:insensitive,\n.message .message-header .flat.message-close-button:insensitive,\n.message-notification-group .flat.message-collapse-button:insensitive,\n.button.flat:insensitive {\n color: rgba(222, 222, 222, 0.35);\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button.flat:focus,\n.message .message-header .flat.message-expand-button:focus,\n.message .message-header .flat.message-close-button:focus,\n.message-notification-group .flat.message-collapse-button:focus,\n.button.flat:focus {\n color: #dedede;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button.flat:focus,\n.message .message-header .flat.message-expand-button:focus,\n.message .message-header .flat.message-close-button:focus,\n.message-notification-group .flat.message-collapse-button:focus,\n.button.flat:focus {\n box-shadow: none !important;\n}\n\n.keyboard-brightness-level .button:checked,\n.icon-button.default,\n.message .message-header .default.message-expand-button,\n.message .message-header .default.message-close-button,\n.message-notification-group .default.message-collapse-button,\n.button.default {\n color: white;\n background-color: #0091ff;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.keyboard-brightness-level .button:hover:checked,\n.icon-button.default:hover,\n.message .message-header .default.message-expand-button:hover,\n.message .message-header .default.message-close-button:hover,\n.message-notification-group .default.message-collapse-button:hover,\n.button.default:hover {\n color: white;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n background-color: st-mix(white, #0091ff, 6%);\n}\n\n.keyboard-brightness-level .button:active:checked,\n.icon-button.default:active,\n.message .message-header .default.message-expand-button:active,\n.message .message-header .default.message-close-button:active,\n.message-notification-group .default.message-collapse-button:active,\n.button.default:active {\n color: white;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n background-color: st-mix(white, #0091ff, 12%);\n}\n\n.keyboard-brightness-level .button:insensitive:checked,\n.icon-button.default:insensitive,\n.message .message-header .default.message-expand-button:insensitive,\n.message .message-header .default.message-close-button:insensitive,\n.message-notification-group .default.message-collapse-button:insensitive,\n.button.default:insensitive {\n color: white;\n background-color: #0091ff;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.keyboard-brightness-level .button:focus:checked,\n.icon-button.default:focus,\n.message .message-header .default.message-expand-button:focus,\n.message .message-header .default.message-close-button:focus,\n.message-notification-group .default.message-collapse-button:focus,\n.button.default:focus {\n color: white;\n text-shadow: none;\n icon-shadow: none;\n box-shadow: none !important;\n}\n\n.button {\n min-height: 1.5em;\n padding: 6px 12px;\n border-radius: 6px;\n border: none;\n}\n\n.icon-button,\n.background-app-item .icon-button,\n.background-app-item .message-notification-group .message-collapse-button,\n.message-notification-group .background-app-item .message-collapse-button,\n.background-app-item .message .message-header .message-expand-button,\n.message .message-header .background-app-item .message-expand-button,\n.background-app-item .message .message-header .message-close-button,\n.message .message-header .background-app-item .message-close-button,\n.message .message-header .message-expand-button,\n.message .message-header .message-close-button,\n.message-notification-group .message-collapse-button {\n min-height: 1.091em;\n min-width: 1.091em;\n padding: 0.818em;\n border-radius: 9999px;\n border: none;\n}\n\n.icon-button StIcon,\n.background-app-item .icon-button StIcon,\n.background-app-item\n .message-notification-group\n .message-collapse-button\n StIcon,\n.message-notification-group\n .background-app-item\n .message-collapse-button\n StIcon,\n.background-app-item .message .message-header .message-expand-button StIcon,\n.message .message-header .background-app-item .message-expand-button StIcon,\n.background-app-item .message .message-header .message-close-button StIcon,\n.message .message-header .background-app-item .message-close-button StIcon,\n.message .message-header .message-expand-button StIcon,\n.message .message-header .message-close-button StIcon,\n.message-notification-group .message-collapse-button StIcon {\n icon-size: 1.091em;\n -st-icon-style: symbolic;\n}\n\n.place-menu-item:focus .button,\n.place-menu-item:hover .button,\n.place-menu-item:selected .button,\n.screenshot-ui-show-pointer-button,\n.screenshot-ui-type-button,\n#LookingGlassDialog > #Toolbar .lg-toolbar-button {\n background-color: transparent;\n border: none;\n box-shadow: none;\n outline: none;\n color: rgba(255, 255, 255, 0.75);\n}\n\n.place-menu-item:focus .button:hover,\n.place-menu-item:hover .button:hover,\n.place-menu-item:selected .button:hover,\n.screenshot-ui-show-pointer-button:hover,\n.screenshot-ui-type-button:hover,\n#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {\n background-color: rgba(255, 255, 255, 0.1);\n color: white;\n}\n\n.place-menu-item:focus .button:active,\n.place-menu-item:hover .button:active,\n.place-menu-item:selected .button:active,\n.screenshot-ui-show-pointer-button:active,\n.screenshot-ui-type-button:active,\n#LookingGlassDialog > #Toolbar .lg-toolbar-button:active {\n background-color: rgba(255, 255, 255, 0.25);\n color: white;\n}\n\n.place-menu-item:focus .button:checked,\n.place-menu-item:hover .button:checked,\n.place-menu-item:selected .button:checked,\n.screenshot-ui-show-pointer-button:checked,\n.screenshot-ui-type-button:checked,\n#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {\n background-color: #0091ff;\n color: white;\n}\n\n.place-menu-item:focus .button:insensitive,\n.place-menu-item:hover .button:insensitive,\n.place-menu-item:selected .button:insensitive,\n.screenshot-ui-show-pointer-button:insensitive,\n.screenshot-ui-type-button:insensitive,\n#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {\n background-color: transparent;\n color: rgba(255, 255, 255, 0.35);\n}\n\n/* Date/Time Menu */\n.world-clocks-button,\n.weather-button,\n.events-button {\n color: #ffffff;\n background-color: rgba(255, 255, 255, 0.15);\n border-radius: 20px !important;\n border: none;\n box-shadow: inset 0 0 4px 0.2px rgba(255, 255, 255, 0.4) !important;\n text-shadow: none;\n}\n\n.world-clocks-button:hover,\n.weather-button:hover,\n.events-button:hover,\n.world-clocks-button:focus,\n.weather-button:focus,\n.events-button:focus {\n color: #dedede;\n background-color: #454545;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;\n}\n\n.world-clocks-button:active,\n.weather-button:active,\n.events-button:active {\n color: #dedede;\n background-color: rgba(64, 64, 64, 0.95);\n box-shadow: none !important;\n}\n\n#calendarArea {\n padding: 3px 0;\n}\n\n.datemenu-popover {\n border-radius: 22px !important;\n}\n\n.datemenu-calendar-column {\n spacing: 4px;\n border: none;\n}\n\n.datemenu-calendar-column:ltr {\n margin-right: 0;\n padding-left: 4px;\n border-left-width: 0;\n}\n\n.datemenu-calendar-column:rtl {\n margin-left: 0;\n padding-right: 4px;\n border-right-width: 0;\n}\n\n.datemenu-calendar-column .datemenu-displays-section {\n padding: 0;\n}\n\n.datemenu-calendar-column .datemenu-displays-box {\n spacing: 4px;\n}\n\n/* today button (the date) */\n.datemenu-today-button {\n border: none;\n box-shadow: none;\n background: none;\n padding: 4px 8px;\n margin: 3px 6px;\n text-shadow: none;\n color: #afafaf;\n border-radius: 8px;\n}\n\n.datemenu-today-button:hover,\n.datemenu-today-button:focus {\n color: #dedede;\n background-color: #454545;\n}\n\n.datemenu-today-button:active {\n color: #dedede;\n background-color: rgba(64, 64, 64, 0.95);\n}\n\n.datemenu-today-button .day-label {\n font-weight: bold;\n}\n\n/* Calendar */\n.calendar {\n border: none;\n box-shadow: none !important;\n background-color: transparent;\n padding: 4px;\n margin: 0 4px;\n text-shadow: none;\n}\n\n.calendar .calendar-month-label {\n margin: 0;\n padding: 4px 0;\n color: #dedede !important;\n background-color: transparent !important;\n text-align: center;\n text-shadow: none;\n}\n\n.calendar .calendar-month-label:focus {\n background-color: rgba(255, 255, 255, 0.1);\n}\n\n.calendar .calendar-change-month-back,\n.calendar .calendar-change-month-forward {\n padding: 2px !important;\n margin: 0 !important;\n}\n\n.calendar .calendar-change-month-back StIcon,\n.calendar .calendar-change-month-forward StIcon {\n icon-size: 16px !important;\n}\n\n.calendar .pager-button {\n width: 28px;\n height: 28px;\n margin: 2px;\n border-radius: 9999px;\n background-color: transparent;\n color: #dedede;\n}\n\n.calendar .pager-button:hover,\n.calendar .pager-button:focus {\n background-color: rgba(255, 255, 255, 0.1);\n}\n\n.calendar .pager-button:active {\n background-color: rgba(255, 255, 255, 0.16);\n}\n\n.calendar .calendar-day,\n.calendar .calendar-day-base {\n text-align: center;\n width: 3em;\n height: 3em;\n padding: 0;\n margin: 2px;\n border-radius: 9999px;\n color: #afafaf;\n font-feature-settings: 'tnum';\n background-color: transparent;\n}\n\n.calendar .calendar-day:hover,\n.calendar .calendar-day:focus,\n.calendar .calendar-day-base:hover,\n.calendar .calendar-day-base:focus {\n background-color: rgba(255, 255, 255, 0.1);\n box-shadow: none !important;\n}\n\n.calendar .calendar-day:active,\n.calendar .calendar-day-base:active {\n color: #afafaf;\n background-color: rgba(255, 255, 255, 0.16);\n border-color: transparent;\n}\n\n.calendar .calendar-day:selected,\n.calendar .calendar-day-base:selected {\n color: #dedede;\n background-color: rgba(255, 255, 255, 0.16);\n border-color: transparent;\n box-shadow: none !important;\n}\n\n.calendar .calendar-day {\n border-width: 0;\n}\n\n.calendar .calendar-day-top {\n border-top-width: 0;\n}\n\n.calendar .calendar-day-left {\n border-left-width: 0;\n}\n\n.calendar .calendar-nonwork-day {\n color: rgba(222, 222, 222, 0.35);\n}\n\n.calendar .calendar-today {\n font-weight: bold;\n color: #afafaf !important;\n background-color: rgba(222, 222, 222, 0.1);\n border: none;\n background-gradient-direction: none !important;\n}\n\n.calendar .calendar-today:hover,\n.calendar .calendar-today:focus {\n background-color: rgba(222, 222, 222, 0.15);\n color: #dedede !important;\n background-gradient-direction: none !important;\n}\n\n.calendar .calendar-today:active {\n background-color: st-darken(#0091ff, 5%);\n color: white !important;\n background-gradient-direction: none !important;\n}\n\n.calendar .calendar-today:selected {\n background-color: #0091ff;\n color: white !important;\n background-gradient-direction: none !important;\n}\n\n.calendar .calendar-today:selected:hover,\n.calendar .calendar-today:selected:focus {\n color: white !important;\n background-color: st-lighten(#0091ff, 8%);\n}\n\n.calendar .calendar-day-with-events {\n color: #999999;\n background-image: url('assets/calendar-today.svg');\n}\n\n.calendar .calendar-day-with-events.calendar-work-day {\n color: #999999;\n font-weight: bold;\n}\n\n.calendar .calendar-other-month,\n.calendar .calendar-other-month-day {\n color: rgba(222, 222, 222, 0.35) !important;\n opacity: 1;\n}\n\n.calendar .calendar-other-month.calendar-weekend,\n.calendar .calendar-other-month-day.calendar-weekend {\n color: rgba(175, 175, 175, 0.35) !important;\n}\n\n.calendar .calendar-week-number {\n width: 2.4em;\n height: 2.4em;\n margin: 6px;\n padding: 0;\n border-radius: 6px;\n background-color: rgba(255, 255, 255, 0.05);\n color: #999999;\n font-weight: bold;\n text-align: center;\n font-feature-settings: 'tnum';\n}\n\n.calendar .calendar-day-heading {\n width: 28px !important;\n height: 22px !important;\n margin: 3px;\n padding: 0 !important;\n background-color: transparent !important;\n color: #999999 !important;\n font-weight: bold;\n text-align: center;\n}\n\n.world-clocks-button,\n.weather-button,\n.events-button {\n padding: 12px !important;\n margin: 4px 7px !important;\n}\n\n.events-button .events-box {\n color: #999999;\n spacing: 4px;\n}\n\n.events-button .events-list {\n color: #999999;\n spacing: 8px;\n text-shadow: none;\n}\n\n.events-button .events-title,\n.events-button .events-section-title {\n color: #afafaf;\n text-shadow: none;\n}\n\n.events-button .event-time {\n color: #999999;\n}\n\n.events-button .event-placeholder {\n color: rgba(222, 222, 222, 0.35);\n font-style: italic;\n}\n\n.world-clocks-button .world-clocks-header {\n color: #afafaf;\n}\n\n.world-clocks-button .world-clocks-header.no-world-clocks {\n color: #dedede;\n}\n\n.world-clocks-button .world-clocks-city {\n color: #999999;\n font-weight: bold;\n}\n\n.world-clocks-button .world-clocks-time {\n font-weight: bold;\n color: #999999;\n}\n\n.world-clocks-button .world-clocks-time:ltr {\n text-align: right;\n}\n\n.world-clocks-button .world-clocks-time:rtl {\n text-align: left;\n}\n\n.world-clocks-button .world-clocks-timezone {\n color: #999999;\n}\n\n.world-clocks-grid,\n.weather-grid {\n spacing-rows: 0.4em;\n spacing-columns: 0.8em;\n}\n\n.weather-button .weather-box {\n spacing: 4px;\n}\n\n.weather-button .weather-header-box {\n spacing: 4px;\n}\n\n.weather-button .weather-header {\n color: #afafaf;\n}\n\n.weather-button .weather-header.location {\n font-weight: normal;\n color: #999999;\n}\n\n.weather-button .weather-grid {\n spacing-rows: 4px;\n spacing-columns: 8px;\n}\n\n.weather-button .weather-forecast-time {\n color: #afafaf;\n font-weight: normal;\n padding-top: 4px;\n padding-bottom: 4px;\n}\n\n.weather-button .weather-forecast-icon {\n icon-size: 32px;\n margin-bottom: 3px;\n}\n\n.weather-button .weather-forecast-temp {\n font-weight: bold;\n}\n\n/* Activities Ripple */\n.ripple-box {\n width: 52px;\n height: 52px;\n border-radius: 0 0 52px 0;\n background-color: st-transparentize(#0091ff, 0.65);\n box-shadow: 0 0 2px 2px st-lighten(#0091ff, 20%);\n}\n\n.ripple-box:rtl {\n border-radius: 0 0 0 52px;\n}\n\n/* Dash */\n#dash .empty-dash-drop-target {\n width: 32px;\n height: 32px;\n}\n\n.dash-label {\n color: rgba(255, 255, 255, 0.85);\n background-color: rgba(0, 0, 0, 0.75);\n border-radius: 6px;\n padding: 4px 8px;\n margin: 4px;\n box-shadow: none !important;\n border: none !important;\n text-align: center;\n -y-offset: 6px;\n -x-offset: 8px;\n font-size: 9.75pt;\n font-weight: 400;\n}\n\n.show-apps .show-apps-icon {\n color: transparent !important;\n background-image: url('assets/view-app-grid.svg');\n background-size: contain;\n}\n\n.show-apps .overview-icon,\n.show-apps .show-apps-icon {\n color: transparent !important;\n}\n\n/* Entries */\nStEntry {\n min-height: 28px;\n padding: 2px 8px !important;\n color: #dedede;\n caret-color: #dedede;\n selection-background-color: #0091ff !important;\n selected-color: white !important;\n background-color: rgba(255, 255, 255, 0.1);\n border-radius: 9999px;\n border: 2px solid transparent !important;\n box-shadow: inset 0 0 0 1px transparent !important;\n outline: none;\n}\n\nStEntry:hover {\n box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1) !important;\n border: 2px solid transparent !important;\n}\n\nStEntry:focus {\n box-shadow: inset 0 0 0 1px transparent !important;\n border: 2px solid st-lighten(#0091ff, 15%) !important;\n}\n\nStEntry:insensitive {\n background-color: rgba(255, 255, 255, 0.05);\n color: rgba(222, 222, 222, 0.35);\n}\n\nStEntry StIcon {\n icon-size: 16px !important;\n}\n\nStEntry StIcon.capslock-warning {\n icon-size: 16px !important;\n warning-color: #e9873a;\n padding: 0 0;\n}\n\nStEntry StIcon.peek-password {\n icon-size: 16px !important;\n padding: 0 4px;\n}\n\nStEntry StLabel.hint-text {\n margin-left: 2px;\n color: #afafaf;\n}\n\n.hotplug-notification-item {\n color: #dedede;\n background-color: #313131;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n padding: 12px;\n border-style: solid;\n border-width: 0;\n border-left-width: 0;\n border-bottom-width: 0;\n}\n\n.hotplug-notification-item:insensitive {\n color: rgba(222, 222, 222, 0.35);\n background-color: #313131;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.hotplug-notification-item:hover {\n color: #dedede;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n background-color: st-mix(#dedede, #313131, 6%);\n}\n\n.hotplug-notification-item:focus {\n color: #dedede;\n text-shadow: none;\n icon-shadow: none;\n box-shadow: none !important;\n}\n\n.hotplug-notification-item:active {\n color: #dedede;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n background-color: st-mix(#dedede, #313131, 12%);\n}\n\n.hotplug-notification-item:first-child {\n border-radius: 0 0 0 6px;\n}\n\n.hotplug-notification-item:last-child {\n border-right-width: 0;\n border-radius: 0 0 6px 0;\n}\n\n.hotplug-notification-item:first-child:last-child {\n border-radius: 0 0 6px 6px;\n}\n\n.hotplug-notification-item-icon {\n icon-size: 24px;\n padding: 0 4px;\n}\n\n.candidate-popup-boxpointer {\n -arrow-border-radius: 2px;\n -arrow-background-color: transparent;\n -arrow-border-width: 0;\n -arrow-border-color: transparent;\n -arrow-base: 64px;\n -arrow-rise: 12px;\n background-color: transparent;\n color: #999999;\n}\n\n.candidate-popup-content {\n color: #999999;\n box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);\n border: 1px solid rgba(0, 0, 0, 0.75);\n margin: 3px 12px 17px 12px;\n padding: 8px;\n spacing: 6px;\n border-radius: 14px !important;\n}\n\n.candidate-index {\n padding: 0 0.5em 0 0;\n color: #999999;\n}\n\n.candidate-box:selected .candidate-index {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.candidate-box {\n padding: 0.3em 0.5em 0.3em 0.5em;\n margin-right: 2px;\n border-radius: 6px !important;\n color: #999999;\n}\n\n.candidate-box:hover {\n background-color: rgba(255, 255, 255, 0.1);\n color: #dedede;\n}\n\n.candidate-box:active {\n background-color: rgba(255, 255, 255, 0.16);\n color: #dedede;\n}\n\n.candidate-box:selected {\n background-color: #0091ff;\n color: rgba(255, 255, 255, 0.85);\n}\n\n.candidate-box:last-child {\n margin-right: 0;\n}\n\n.candidate-page-button-box {\n height: 2em;\n}\n\n.vertical .candidate-page-button-box {\n padding-top: 0.5em;\n}\n\n.horizontal .candidate-page-button-box {\n padding-left: 0.5em;\n}\n\n.candidate-page-button {\n padding: 4px 6px !important;\n}\n\n.candidate-page-button-previous,\n.candidate-page-button-next {\n border-radius: 6px;\n}\n\n.candidate-page-button-icon {\n icon-size: 1em;\n}\n\n/* On-screen Keyboard */\n#keyboard {\n background-color: rgba(0, 0, 0, 0.25);\n box-shadow: none;\n}\n\n#keyboard .page-indicator {\n padding: 4px;\n}\n\n#keyboard .page-indicator .page-indicator-icon {\n width: 8px;\n height: 8px;\n}\n\n.key-container,\n.keyboard-layout {\n padding: 3px;\n spacing: 3px;\n}\n\n.keyboard-key {\n font-size: 16pt;\n font-weight: bold;\n min-height: 1.2em;\n min-width: 1.2em;\n border-radius: 12px;\n border: none;\n color: #afafaf;\n background-color: #555555;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n}\n\n.keyboard-key:focus,\n.keyboard-key:hover {\n color: #dedede;\n background-color: #6f6f6f;\n}\n\n.keyboard-key:checked,\n.keyboard-key:active {\n color: #dedede;\n background-color: #3c3c3c;\n}\n\n.keyboard-key:grayed {\n background-color: rgba(0, 0, 0, 0.3);\n color: rgba(255, 255, 255, 0.85);\n border-color: rgba(0, 0, 0, 0.3);\n}\n\n.keyboard-key.default-key {\n background-color: #242424;\n box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);\n}\n\n.keyboard-key.default-key:focus,\n.keyboard-key.default-key:hover {\n color: #dedede;\n background-color: #3e3e3e;\n}\n\n.keyboard-key.default-key:checked,\n.keyboard-key.default-key:active {\n color: #dedede;\n background-color: #0b0b0b;\n}\n\n.keyboard-key.enter-key {\n color: white;\n background-color: #0091ff;\n box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);\n}\n\n.keyboard-key.enter-key:focus,\n.keyboard-key.enter-key:hover {\n color: white;\n background-color: st-lighten(#0091ff, 5%);\n}\n\n.keyboard-key.enter-key:checked,\n.keyboard-key.enter-key:active {\n color: white;\n background-color: st-darken(#0091ff, 10%);\n}\n\n.keyboard-key.shift-key-uppercase,\n.keyboard-key.shift-key-uppercase:focus,\n.keyboard-key.shift-key-uppercase:hover,\n.keyboard-key.shift-key-uppercase:checked,\n.keyboard-key.shift-key-uppercase:active {\n color: #0091ff;\n}\n\n.keyboard-key StIcon {\n icon-size: 1.125em;\n}\n\n.keyboard-subkeys {\n color: inherit;\n -arrow-border-radius: 6px;\n -arrow-background-color: rgba(0, 0, 0, 0.45);\n -arrow-border-width: 0;\n -arrow-border-color: transparent;\n -arrow-base: 20px;\n -arrow-rise: 10px;\n -boxpointer-gap: 5px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);\n}\n\n.emoji-page .keyboard-key {\n background-color: transparent;\n border: none;\n color: initial;\n}\n\n.emoji-panel .keyboard-key:latched {\n background-color: #0091ff;\n border-color: st-lighten(#0091ff, 5%);\n}\n\n.word-suggestions {\n font-size: 14pt;\n spacing: 12px;\n min-height: 20pt;\n}\n\n/* Login Dialog */\n#lockDialogGroup {\n background-color: #2a2a2a;\n background-image: url('assets/background.jpeg');\n background-size: cover;\n}\n\n.login-dialog-banner-view {\n padding-top: 24px;\n max-width: 23em;\n}\n\n.unlock-dialog StEntry {\n font-size: 0.909em;\n padding: 0 8px !important;\n}\n\n.unlock-dialog StEntry StIcon.peek-password {\n padding: 0 4px !important;\n}\n\n.unlock-dialog StEntry StLabel.hint-text {\n margin-left: 2px !important;\n}\n\n.unlock-dialog .modal-dialog-button-box {\n spacing: 3px !important;\n}\n\n.unlock-dialog .modal-dialog-button {\n padding: 2px 12px !important;\n}\n\n.unlock-dialog .cancel-button,\n.unlock-dialog .switch-user-button,\n.unlock-dialog .login-dialog-session-list-button {\n width: 32px !important;\n height: 32px !important;\n padding: 0 !important;\n}\n\n.unlock-dialog .cancel-button StIcon,\n.unlock-dialog .switch-user-button StIcon,\n.unlock-dialog .login-dialog-session-list-button StIcon {\n icon-size: 16px !important;\n}\n\n.unlock-dialog .login-dialog-logo-bin {\n padding: 24px 0;\n}\n\n.unlock-dialog .login-dialog-button-box {\n spacing: 6px;\n}\n\n.unlock-dialog .login-dialog-message-hint {\n padding-top: 0;\n padding-bottom: 18px;\n}\n\n.unlock-dialog .login-dialog-user-selection-box {\n padding: 100px 0px;\n}\n\n.unlock-dialog .login-dialog-not-listed-label {\n padding-left: 2px;\n}\n\n.unlock-dialog .login-dialog-not-listed-label {\n font-size: 1em;\n padding-top: 1em;\n}\n\n.unlock-dialog .login-dialog-user-list-view {\n -st-vfade-offset: 1em;\n}\n\n.unlock-dialog .login-dialog-user-list {\n spacing: 12px;\n padding: 0.2em;\n width: 23em;\n}\n\n.unlock-dialog\n .login-dialog-user-list:expanded\n .login-dialog-user-list-item:logged-in {\n border-right: 2px solid #0091ff;\n}\n\n.unlock-dialog .login-dialog-user-list-item {\n border-radius: 12px;\n padding: 6px;\n}\n\n.unlock-dialog .login-dialog-user-list-item:ltr .user-widget {\n padding-right: 1em;\n}\n\n.unlock-dialog .login-dialog-user-list-item:rtl .user-widget {\n padding-left: 1em;\n}\n\n.unlock-dialog\n .login-dialog-user-list-item\n .login-dialog-timed-login-indicator {\n height: 2px;\n margin: 6px 0 0 0;\n background-color: rgba(255, 255, 255, 0.12) !important;\n}\n\n.unlock-dialog .user-widget.horizontal .user-widget-label {\n font-size: 1.182em;\n padding-left: 12px;\n}\n\n.unlock-dialog .user-widget.horizontal .user-widget-label:ltr {\n padding-left: 12px;\n text-align: left;\n}\n\n.unlock-dialog .user-widget.horizontal .user-widget-label:rtl {\n padding-right: 12px;\n text-align: right;\n}\n\n.unlock-dialog .user-widget.vertical .user-widget-label {\n font-size: 1.455em;\n padding-top: 18px;\n}\n\n.unlock-dialog .login-dialog-prompt-layout {\n padding-top: 24px;\n padding-bottom: 12px;\n spacing: 8px;\n width: 23em;\n}\n\n.unlock-dialog .login-dialog-prompt-entry {\n height: 1.5em;\n}\n\n.unlock-dialog .login-dialog-prompt-label {\n font-size: 1.091em;\n padding-top: 1em;\n}\n\n.login-dialog StEntry StIcon {\n icon-size: 16px;\n padding: 0;\n margin: 0;\n}\n\n.login-dialog .modal-dialog-button-box {\n spacing: 3px;\n}\n\n.login-dialog .modal-dialog-button {\n padding: 2px 12px;\n}\n\n.login-dialog .cancel-button,\n.login-dialog .switch-user-button,\n.login-dialog .login-dialog-session-list-button {\n width: 32px;\n height: 32px;\n}\n\n.login-dialog .cancel-button StIcon,\n.login-dialog .switch-user-button StIcon,\n.login-dialog .login-dialog-session-list-button StIcon {\n icon-size: 16px;\n}\n\n.login-dialog .login-dialog-logo-bin {\n padding: 24px 0;\n}\n\n.login-dialog .login-dialog-button-box {\n spacing: 6px;\n}\n\n.login-dialog .login-dialog-message-hint {\n padding-top: 0;\n padding-bottom: 18px;\n}\n\n.login-dialog .login-dialog-user-selection-box {\n padding: 100px 0px;\n}\n\n.login-dialog .login-dialog-not-listed-label {\n padding-left: 4px;\n}\n\n.login-dialog .login-dialog-not-listed-label {\n font-size: 1em;\n padding-top: 1em;\n}\n\n.login-dialog .login-dialog-user-list-view {\n -st-vfade-offset: 1em;\n}\n\n.login-dialog .login-dialog-user-list {\n spacing: 12px;\n padding: 0.2em;\n width: 23em;\n}\n\n.login-dialog\n .login-dialog-user-list:expanded\n .login-dialog-user-list-item:logged-in {\n border-right: 2px solid #0091ff;\n}\n\n.login-dialog .login-dialog-user-list-item {\n border-radius: 12px;\n padding: 6px;\n}\n\n.login-dialog .login-dialog-user-list-item:ltr .user-widget {\n padding-right: 1em;\n}\n\n.login-dialog .login-dialog-user-list-item:rtl .user-widget {\n padding-left: 1em;\n}\n\n.login-dialog .login-dialog-user-list-item .login-dialog-timed-login-indicator {\n height: 2px;\n margin: 6px 0 0 0;\n}\n\n.login-dialog .user-widget.horizontal .user-widget-label {\n font-size: 1.182em;\n padding-left: 12px;\n}\n\n.login-dialog .user-widget.horizontal .user-widget-label:ltr {\n padding-left: 12px;\n text-align: left;\n}\n\n.login-dialog .user-widget.horizontal .user-widget-label:rtl {\n padding-right: 12px;\n text-align: right;\n}\n\n.login-dialog .user-widget.vertical .user-widget-label {\n font-size: 1.455em;\n padding-top: 10px;\n padding-bottom: 14px;\n}\n\n.login-dialog .login-dialog-prompt-layout {\n padding-top: 24px;\n padding-bottom: 12px;\n spacing: 8px;\n width: 23em;\n}\n\n.login-dialog .login-dialog-prompt-entry {\n height: 1.5em;\n}\n\n.login-dialog .login-dialog-prompt-label {\n font-size: 1.091em;\n padding-top: 1em;\n}\n\n.login-dialog,\n.unlock-dialog {\n border: none;\n background-color: transparent;\n}\n\n.login-dialog StEntry,\n.unlock-dialog StEntry {\n selection-background-color: #0091ff;\n selected-background-color: #0091ff;\n selected-color: white;\n border-radius: 9999px;\n caret-color: white;\n background-color: rgba(255, 255, 255, 0.1);\n border-radius: 9999px;\n border: none !important;\n box-shadow: none !important;\n color: white;\n}\n\n.login-dialog StEntry:focus,\n.unlock-dialog StEntry:focus {\n border: none !important;\n background-color: rgba(255, 255, 255, 0.2);\n color: white;\n}\n\n.login-dialog StEntry:insensitive,\n.unlock-dialog StEntry:insensitive {\n border: none !important;\n background-color: rgba(255, 255, 255, 0.05);\n color: rgba(255, 255, 255, 0.45);\n}\n\n.login-dialog StEntry StLabel.hint-text,\n.unlock-dialog StEntry StLabel.hint-text {\n color: rgba(255, 255, 255, 0.45);\n}\n\n.login-dialog .modal-dialog-button,\n.unlock-dialog .modal-dialog-button {\n border: none;\n color: white;\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.login-dialog .modal-dialog-button:hover,\n.login-dialog .modal-dialog-button:focus,\n.unlock-dialog .modal-dialog-button:hover,\n.unlock-dialog .modal-dialog-button:focus {\n color: white;\n background-color: rgba(255, 255, 255, 0.1);\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.login-dialog .modal-dialog-button:active,\n.unlock-dialog .modal-dialog-button:active {\n color: white;\n background-color: rgba(255, 255, 255, 0.16);\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.login-dialog .modal-dialog-button:insensitive,\n.unlock-dialog .modal-dialog-button:insensitive {\n color: rgba(255, 255, 255, 0.45);\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.login-dialog .modal-dialog-button:default,\n.unlock-dialog .modal-dialog-button:default {\n color: white;\n background-color: #313131;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.login-dialog .modal-dialog-button:default:hover,\n.login-dialog .modal-dialog-button:default:focus,\n.unlock-dialog .modal-dialog-button:default:hover,\n.unlock-dialog .modal-dialog-button:default:focus {\n color: white;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n background-color: st-mix(white, #313131, 6%);\n}\n\n.login-dialog .modal-dialog-button:default:active,\n.unlock-dialog .modal-dialog-button:default:active {\n color: white;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n background-color: st-mix(white, #313131, 12%);\n}\n\n.login-dialog .modal-dialog-button:default:insensitive,\n.unlock-dialog .modal-dialog-button:default:insensitive {\n color: rgba(255, 255, 255, 0.45);\n background-color: #313131;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.login-dialog .cancel-button,\n.login-dialog .switch-user-button,\n.login-dialog .login-dialog-session-list-button,\n.unlock-dialog .cancel-button,\n.unlock-dialog .switch-user-button,\n.unlock-dialog .login-dialog-session-list-button {\n padding: 0 !important;\n border-radius: 9999px;\n border: none;\n background-color: rgba(255, 255, 255, 0.1);\n color: white;\n}\n\n.login-dialog-message-warning {\n color: rgba(255, 255, 255, 0.85);\n}\n\n.login-dialog-banner {\n color: rgba(255, 255, 255, 0.85);\n}\n\n.login-dialog-message {\n text-align: center;\n}\n\n.login-dialog-message-warning {\n color: #e9873a;\n}\n\n.login-dialog-not-listed-button:focus .login-dialog-not-listed-label,\n.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {\n color: white;\n}\n\n.login-dialog-not-listed-label {\n font-weight: normal;\n color: rgba(255, 255, 255, 0.85);\n}\n\n.login-dialog-not-listed-label:hover {\n color: rgba(255, 255, 255, 0.85);\n}\n\n.login-dialog-not-listed-label:focus {\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n.login-dialog-user-list:expanded .login-dialog-user-list-item:selected {\n background-color: rgba(255, 255, 255, 0.12);\n color: rgba(255, 255, 255, 0.85);\n}\n\n.login-dialog-user-list:expanded .login-dialog-user-list-item:hover {\n background-color: rgba(255, 255, 255, 0.12);\n color: rgba(255, 255, 255, 0.85);\n}\n\n.login-dialog-user-list:expanded .login-dialog-user-list-item:active {\n background-color: rgba(255, 255, 255, 0.2);\n color: rgba(255, 255, 255, 0.85);\n}\n\n.login-dialog-user-list-item {\n color: rgba(255, 255, 255, 0.85);\n}\n\n.login-dialog-user-list-item:focus {\n background-color: rgba(255, 255, 255, 0.03) !important;\n}\n\n.login-dialog-user-list-item:hover,\n.login-dialog-user-list-item:focus:hover {\n background-color: rgba(255, 255, 255, 0.1) !important;\n color: rgba(255, 255, 255, 0.85);\n}\n\n.login-dialog-user-list-item:active,\n.login-dialog-user-list-item:focus:active {\n background-color: rgba(255, 255, 255, 0.16) !important;\n color: rgba(255, 255, 255, 0.85);\n}\n\n.login-dialog-user-list-item .login-dialog-timed-login-indicator {\n background-color: rgba(255, 255, 255, 0.12) !important;\n}\n\n.user-widget-label {\n color: rgba(255, 255, 255, 0.85);\n}\n\n.user-widget.horizontal .user-widget-label {\n font-weight: normal;\n}\n\n.user-widget.vertical .user-widget-label {\n text-align: center;\n font-weight: normal;\n}\n\n.login-dialog-prompt-label {\n color: rgba(255, 255, 255, 0.5);\n}\n\n/* Looking Glass */\n#LookingGlassDialog {\n background-color: #2a2a2a;\n spacing: 4px;\n margin: 4px;\n padding: 0;\n border: 1px solid black;\n border-radius: 24px;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n color: #d3d7df;\n}\n\n#LookingGlassDialog > #Toolbar {\n padding: 0 8px;\n spacing: 4px;\n border: none;\n border-radius: 0;\n background-color: rgba(36, 36, 36, 0.01);\n box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12);\n}\n\n#LookingGlassDialog > #Toolbar .lg-toolbar-button {\n padding: 4px 8px;\n border-radius: 6px;\n margin: 2px;\n}\n\n#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon {\n icon-size: 16px;\n}\n\n#LookingGlassDialog .labels {\n spacing: 4px;\n color: #d3d7df;\n}\n\n#LookingGlassDialog .notebook-tab {\n -natural-hpadding: 8px;\n -minimum-hpadding: 8px;\n font-weight: bold;\n color: rgba(255, 255, 255, 0.5);\n padding: 0 16px;\n min-height: 32px;\n border-radius: 0;\n transition-duration: 100ms;\n border: L none;\n box-shadow: none;\n border-bottom: 2px solid transparent;\n background-color: transparent;\n}\n\n#LookingGlassDialog .notebook-tab:hover {\n color: white;\n text-shadow: none;\n border-color: rgba(255, 255, 255, 0.2);\n}\n\n#LookingGlassDialog .notebook-tab:selected {\n background-color: rgba(36, 36, 36, 0.01);\n border-color: #0091ff;\n color: white;\n text-shadow: none;\n box-shadow: none;\n}\n\n#LookingGlassDialog StBoxLayout#EvalBox,\n#LookingGlassDialog StBoxLayout#ResultsArea {\n padding: 4px;\n spacing: 4px;\n}\n\n.lg-dialog StEntry {\n min-height: 22px;\n selection-background-color: #0091ff;\n selected-color: rgba(255, 255, 255, 0.85);\n caret-color: white;\n color: white;\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n.lg-dialog .shell-link {\n color: #3484e2;\n}\n\n.lg-dialog .shell-link:hover {\n color: #619fe8;\n}\n\n.lg-dialog .shell-link:active {\n color: #1c6bc7;\n}\n\n.lg-dialog .actor-link {\n color: #3484e2;\n}\n\n.lg-dialog .actor-link:hover {\n color: #8dbaef;\n}\n\n.lg-dialog .actor-link:active {\n color: #16539a;\n}\n\n.lg-dialog .actor-link StIcon {\n icon-size: 12px;\n}\n\n.lg-completions-text {\n font-size: 0.9em;\n font-style: italic;\n}\n\n.lg-obj-inspector-title {\n spacing: 4px;\n}\n\n.lg-obj-inspector-button {\n padding: 0 16px;\n border: none;\n border-radius: 6px;\n font-size: 9.75pt;\n font-weight: 500;\n}\n\n.lg-obj-inspector-button:hover {\n border: none;\n}\n\n#lookingGlassExtensions {\n padding: 4px;\n}\n\n.lg-extensions-list {\n padding: 4px;\n spacing: 4px;\n}\n\n.lg-extension {\n border: none;\n border-radius: 6px;\n padding: 8px;\n spacing: 4px;\n background-color: rgba(255, 255, 255, 0.12);\n color: rgba(255, 255, 255, 0.85);\n box-shadow: none;\n}\n\n.lg-extension-name {\n font-weight: bold;\n color: rgba(255, 255, 255, 0.45);\n}\n\n.lg-extension-meta {\n spacing: 4px;\n}\n\n#LookingGlassPropertyInspector {\n background: #373737;\n border: 1px solid black;\n border-radius: 24px;\n padding: 8px;\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);\n color: #d3d7df;\n}\n\n.lg-debug-flag-button {\n color: white;\n spacing: 4px;\n}\n\n.lg-debug-flag-button StLabel {\n padding: 8px;\n}\n\n.lg-debug-flag-button:hover {\n color: white;\n}\n\n.lg-debug-flag-button:active {\n color: #cccccc;\n}\n\n.lg-debug-flags-header {\n color: rgba(255, 255, 255, 0.45);\n padding-top: 8px;\n padding: 4px;\n}\n\n.select-area-rubberband {\n border: 1px solid #0091ff;\n border-radius: 3px;\n background-color: st-transparentize(#0091ff, 0.3);\n}\n\n.user-icon {\n background-size: contain;\n color: rgba(255, 255, 255, 0.85);\n border-radius: 9999px;\n border: none;\n icon-size: 64px;\n}\n\n.user-icon:hover {\n color: white;\n}\n\n.user-icon StIcon {\n background-color: rgba(255, 255, 255, 0.2);\n border-radius: 9999px;\n padding: 8px;\n width: 40px;\n height: 40px;\n}\n\n.user-icon.user-avatar {\n border: none;\n box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0);\n}\n\n.popup-menu .user-icon {\n color: #afafaf;\n}\n\n.popup-menu .user-icon StIcon {\n background-color: rgba(255, 255, 255, 0.16);\n}\n\n.user-widget.vertical .user-icon {\n icon-size: 96px;\n}\n\n.user-widget.vertical .user-icon StIcon {\n padding: 14px;\n padding-top: 12px;\n padding-bottom: 16px;\n width: 88px;\n height: 88px;\n}\n\n.lightbox {\n background-color: black;\n}\n\n.flashspot {\n background-color: white;\n}\n\n.hidden {\n color: rgba(0, 0, 0, 0);\n}\n\n.caps-lock-warning-label {\n text-align: center;\n padding-bottom: 8px;\n color: #e9873a;\n}\n\n/* Workspace animation */\n.workspace-animation {\n background-color: #2a2a2a;\n}\n\n/* Network Dialogs */\n.nm-dialog {\n max-height: 34em;\n min-height: 31em;\n min-width: 32em;\n}\n\n.nm-dialog-content {\n spacing: 20px;\n padding: 24px;\n}\n\n.nm-dialog-header-hbox {\n spacing: 10px;\n}\n\n.nm-dialog-airplane-box {\n spacing: 12px;\n}\n\n.nm-dialog-airplane-headline {\n font-weight: bold;\n text-align: center;\n}\n\n.nm-dialog-airplane-text {\n color: #dedede;\n}\n\n.nm-dialog-header {\n font-weight: bold;\n}\n\n.nm-dialog-header-icon {\n icon-size: 32px;\n}\n\n.nm-dialog-header-hbox {\n spacing: 10px;\n}\n\n.nm-dialog-scroll-view {\n border: 1px solid rgba(255, 255, 255, 0.12);\n padding: 0;\n background-color: rgba(0, 0, 0, 0.1);\n border-radius: 6px;\n}\n\n.nm-dialog-item {\n font-size: 1em;\n border-bottom: 1px solid rgba(255, 255, 255, 0.12);\n padding: 8px;\n spacing: 0px;\n}\n\n.nm-dialog-item:selected {\n background-color: #0091ff;\n color: rgba(255, 255, 255, 0.85);\n}\n\n.nm-dialog-item:hover,\n.nm-dialog-item:focus {\n background-color: rgba(255, 255, 255, 0.1);\n}\n\n.nm-dialog-item:active {\n background-color: rgba(255, 255, 255, 0.16);\n}\n\n.nm-dialog-icon {\n icon-size: 16px;\n}\n\n.nm-dialog-icons {\n spacing: 8px;\n}\n\n.no-networks-label {\n color: #999999;\n}\n\n.no-networks-box {\n spacing: 4px;\n}\n\n/* OSD */\n.workspace-switcher-container,\n.switcher-list,\n.resize-popup,\n.osd-window {\n color: #fafafa;\n padding: 8px;\n background-color: rgba(0, 0, 0, 0.92);\n border-radius: 30px;\n border: solid rgba(0, 0, 0, 0);\n border-width: 1px;\n box-shadow: inset 1.6px 1.6px 4px -4px rgba(255, 255, 255, 0.6);\n}\n\n.osd-window {\n text-align: center;\n font-weight: bold;\n}\n\n.osd-window .osd-monitor-label {\n font-size: 3em;\n}\n\n.osd-window .level {\n height: 4px;\n border-radius: 3px;\n background-color: rgba(255, 255, 255, 0.12);\n color: #dedede;\n -barlevel-height: 4px;\n -barlevel-background-color: rgba(255, 255, 255, 0.12);\n -barlevel-active-background-color: #0091ff;\n -barlevel-overdrive-color: #ed5f5d;\n -barlevel-overdrive-separator-width: 2px;\n -barlevel-border-width: 0;\n -barlevel-border-color: transparent;\n}\n\n.osd-window .level-bar {\n background-color: white;\n border-radius: 16px;\n}\n\n.pad-osd-window {\n padding: 32px;\n background-color: rgba(0, 0, 0, 0.6);\n}\n\n.pad-osd-window .pad-osd-title-box {\n spacing: 12px;\n}\n\n.pad-osd-window .pad-osd-title-menu-box {\n spacing: 6px;\n}\n\n.combo-box-label {\n width: 15em;\n}\n\n.overview-controls {\n padding-bottom: 32px;\n}\n\n#overview StScrollBar StBin#trough {\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n#overview StScrollBar StButton#vhandle,\n#overview StScrollBar StButton#hhandle {\n background-color: rgba(255, 255, 255, 0.5);\n}\n\n#overview StScrollBar StButton#vhandle:hover,\n#overview StScrollBar StButton#hhandle:hover {\n background-color: rgba(255, 255, 255, 0.85);\n}\n\n#overview StScrollBar StButton#vhandle:active,\n#overview StScrollBar StButton#hhandle:active {\n background-color: white;\n}\n\n/* Top Bar */\n#panel .panel-button#panelActivities {\n -natural-hpadding: 12px;\n color: white;\n}\n\n#panel .panel-button#panelActivities StBoxLayout {\n padding: 0 0.2045em;\n spacing: 6px;\n}\n\n#panel .panel-button#panelActivities .workspace-dot {\n border-radius: 9999px;\n min-width: 0.5455em;\n min-height: 0.5455em;\n background-color: white;\n}\n\n#panel .panel-button#panelActivities:overview .workspace-dot {\n background-color: white;\n}\n\n#panel {\n font-weight: 500;\n color: white;\n transition-duration: 250ms;\n height: 40px !important;\n background-color: transparent;\n}\n\n#panel .panel-corner {\n -panel-corner-radius: 0;\n -panel-corner-background-color: rgba(0, 0, 0, 0.15);\n -panel-corner-border-width: 2px;\n -panel-corner-border-color: transparent;\n -panel-corner-opacity: 1;\n transition-duration: 250ms;\n}\n\n#panel .panel-button {\n -natural-hpadding: 12px;\n -minimum-hpadding: 12px;\n color: white;\n transition-duration: 150ms;\n border: 6px solid transparent !important;\n border-radius: 9999px;\n}\n\n#panel .panel-button StLabel {\n padding: 0;\n margin: 0;\n}\n\n#panel .panel-button .popup-menu-arrow {\n width: 0;\n height: 0;\n}\n\n#panel .panel-button,\n#panel .panel-button:hover,\n#panel .panel-button:active,\n#panel .panel-button:overview,\n#panel .panel-button:focus,\n#panel .panel-button:checked {\n text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15);\n}\n\n#panel .panel-button .system-status-icon,\n#panel .panel-button .app-menu-icon > StIcon,\n#panel .panel-button .popup-menu-arrow,\n#panel .panel-button:hover .system-status-icon,\n#panel .panel-button:hover .app-menu-icon > StIcon,\n#panel .panel-button:hover .popup-menu-arrow,\n#panel .panel-button:active .system-status-icon,\n#panel .panel-button:active .app-menu-icon > StIcon,\n#panel .panel-button:active .popup-menu-arrow,\n#panel .panel-button:overview .system-status-icon,\n#panel .panel-button:overview .app-menu-icon > StIcon,\n#panel .panel-button:overview .popup-menu-arrow,\n#panel .panel-button:focus .system-status-icon,\n#panel .panel-button:focus .app-menu-icon > StIcon,\n#panel .panel-button:focus .popup-menu-arrow,\n#panel .panel-button:checked .system-status-icon,\n#panel .panel-button:checked .app-menu-icon > StIcon,\n#panel .panel-button:checked .popup-menu-arrow {\n icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15);\n}\n\n#panel .panel-button:hover {\n color: white;\n background-color: transparent;\n box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15);\n}\n\n#panel .panel-button:hover.clock-display {\n background: none;\n}\n\n#panel .panel-button:hover.clock-display .clock {\n background-color: transparent;\n box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15);\n}\n\n#panel .panel-button:active,\n#panel .panel-button:overview,\n#panel .panel-button:focus,\n#panel .panel-button:checked {\n color: white;\n background-color: transparent;\n box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.28);\n}\n\n#panel .panel-button:active.clock-display,\n#panel .panel-button:overview.clock-display,\n#panel .panel-button:focus.clock-display,\n#panel .panel-button:checked.clock-display {\n background: none;\n}\n\n#panel .panel-button:active.clock-display .clock,\n#panel .panel-button:overview.clock-display .clock,\n#panel .panel-button:focus.clock-display .clock,\n#panel .panel-button:checked.clock-display .clock {\n background-color: transparent;\n box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.28);\n}\n\n.unlock-screen #panel .panel-button,\n.unlock-screen #panel .panel-button:focus,\n.unlock-screen #panel .panel-button:hover,\n.unlock-screen #panel .panel-button:active,\n.login-screen #panel .panel-button,\n.login-screen #panel .panel-button:focus,\n.login-screen #panel .panel-button:hover,\n.login-screen #panel .panel-button:active,\n.lock-screen #panel .panel-button,\n.lock-screen #panel .panel-button:focus,\n.lock-screen #panel .panel-button:hover,\n.lock-screen #panel .panel-button:active {\n color: white;\n}\n\n.login-screen #panel .panel-button,\n.lock-screen #panel .panel-button {\n box-shadow: none;\n}\n\n#panel .panel-button.clock-display {\n background-color: transparent;\n box-shadow: none;\n}\n\n#panel .panel-button.clock-display,\n#panel .panel-button.clock-display .clock-display-box {\n spacing: 0 !important;\n padding: 0 !important;\n margin: 0 !important;\n}\n\n#panel .panel-button.clock-display .clock {\n border-radius: 9999px;\n background-color: transparent;\n padding: 0 16px !important;\n margin: 0 !important;\n border: 6px solid transparent !important;\n box-shadow: none;\n}\n\n#panel .panel-button.clock-display .messages-indicator {\n icon-size: 1.091em;\n}\n\n#panel .panel-button:hover.clock-display,\n#panel .panel-button:active.clock-display,\n#panel .panel-button:overview.clock-display,\n#panel .panel-button:focus.clock-display,\n#panel .panel-button:checked.clock-display {\n box-shadow: none !important;\n background-color: transparent !important;\n}\n\n#panel .panel-button .system-status-icon {\n icon-size: 16px;\n padding: 4px;\n margin: 0;\n}\n\n#panel .panel-button .panel-status-menu-box StLabel {\n padding: 0 0 0 2px;\n}\n\n#panel .panel-button .appindicator-trayicons-box {\n margin: 0 4px;\n}\n\n#panel .panel-button .app-menu-icon {\n -st-icon-style: symbolic;\n}\n\n#panel .panel-button#panelActivities {\n background-gradient-direction: none;\n}\n\n#panel .panel-button.screen-recording-indicator,\n#panel .panel-button.screen-sharing-indicator {\n border: 6px solid transparent;\n background-color: transparent;\n}\n\n#panel .panel-button.screen-recording-indicator StBoxLayout,\n#panel .panel-button.screen-sharing-indicator StBoxLayout {\n spacing: 0.409em;\n}\n\n#panel .panel-button.screen-recording-indicator StIcon,\n#panel .panel-button.screen-sharing-indicator StIcon {\n icon-size: 1.091em;\n}\n\n#panel .panel-button.screen-recording-indicator {\n box-shadow: inset 0 0 0 1000px #ed5f5d !important;\n}\n\n#panel .panel-button.screen-recording-indicator:hover {\n box-shadow: inset 0 0 0 1000px #ef7270 !important;\n}\n\n#panel .panel-button.screen-recording-indicator:active {\n box-shadow: inset 0 0 0 1000px #f18584 !important;\n}\n\n#panel .panel-button.screen-sharing-indicator {\n box-shadow: inset 0 0 0 1000px #e9873a !important;\n}\n\n#panel .panel-button.screen-sharing-indicator:hover {\n box-shadow: inset 0 0 0 1000px #ec9552 !important;\n}\n\n#panel .panel-button.screen-sharing-indicator:active {\n box-shadow: inset 0 0 0 1000px #eea469 !important;\n}\n\n#panel Gjs_AggregateMenu.panel-button .system-status-icon,\n#panel Gjs_ui_panel_AggregateMenu.panel-button .system-status-icon,\n#panel Gjs_ui_panel_QuickSettings.panel-button .system-status-icon {\n margin: 0 2px !important;\n}\n\n#panel Gjs_ui_panel_AppMenuButton.panel-button,\n#panel .desktop-name-label {\n font-weight: bold !important;\n}\n\n#panel Gjs_status_keyboard_InputSourceIndicator.panel-button,\n#panel\n Gjs_appindicatorsupport_rgcjonas_gmail_com_indicatorStatusIcon_IndicatorStatusIcon.panel-button,\n#panel\n Gjs_appindicatorsupport_rgcjonas_gmail_com_indicatorStatusIcon_AppIndicatorsIndicatorStatusIcon.panel-button {\n -natural-hpadding: 16px !important;\n -minimum-hpadding: 16px !important;\n}\n\n#panel:overview,\n#panel.unlock-screen,\n#panel.login-screen,\n#panel.lock-screen {\n background-color: transparent;\n box-shadow: none;\n}\n\n#panel:overview StLabel,\n#panel:overview StIcon,\n#panel.unlock-screen StLabel,\n#panel.unlock-screen StIcon,\n#panel.login-screen StLabel,\n#panel.login-screen StIcon,\n#panel.lock-screen StLabel,\n#panel.lock-screen StIcon {\n color: rgba(255, 255, 255, 0.85);\n}\n\n#panel:overview .panel-button,\n#panel.unlock-screen .panel-button,\n#panel.login-screen .panel-button,\n#panel.lock-screen .panel-button {\n box-shadow: none;\n}\n\n#panel:overview .panel-button.clock-display .clock,\n#panel.unlock-screen .panel-button.clock-display .clock,\n#panel.login-screen .panel-button.clock-display .clock,\n#panel.lock-screen .panel-button.clock-display .clock {\n box-shadow: none;\n}\n\n#panel:overview .panel-button:hover,\n#panel.unlock-screen .panel-button:hover,\n#panel.login-screen .panel-button:hover,\n#panel.lock-screen .panel-button:hover {\n color: white;\n background-color: transparent;\n box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12);\n}\n\n#panel:overview .panel-button:hover.clock-display .clock,\n#panel.unlock-screen .panel-button:hover.clock-display .clock,\n#panel.login-screen .panel-button:hover.clock-display .clock,\n#panel.lock-screen .panel-button:hover.clock-display .clock {\n background-color: transparent;\n box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12);\n}\n\n#panel:overview .panel-button:active,\n#panel:overview .panel-button:active:hover,\n#panel:overview .panel-button:overview,\n#panel:overview .panel-button:overview:hover,\n#panel:overview .panel-button:focus,\n#panel:overview .panel-button:focus:hover,\n#panel:overview .panel-button:checked,\n#panel:overview .panel-button:checked:hover,\n#panel.unlock-screen .panel-button:active,\n#panel.unlock-screen .panel-button:active:hover,\n#panel.unlock-screen .panel-button:overview,\n#panel.unlock-screen .panel-button:overview:hover,\n#panel.unlock-screen .panel-button:focus,\n#panel.unlock-screen .panel-button:focus:hover,\n#panel.unlock-screen .panel-button:checked,\n#panel.unlock-screen .panel-button:checked:hover,\n#panel.login-screen .panel-button:active,\n#panel.login-screen .panel-button:active:hover,\n#panel.login-screen .panel-button:overview,\n#panel.login-screen .panel-button:overview:hover,\n#panel.login-screen .panel-button:focus,\n#panel.login-screen .panel-button:focus:hover,\n#panel.login-screen .panel-button:checked,\n#panel.login-screen .panel-button:checked:hover,\n#panel.lock-screen .panel-button:active,\n#panel.lock-screen .panel-button:active:hover,\n#panel.lock-screen .panel-button:overview,\n#panel.lock-screen .panel-button:overview:hover,\n#panel.lock-screen .panel-button:focus,\n#panel.lock-screen .panel-button:focus:hover,\n#panel.lock-screen .panel-button:checked,\n#panel.lock-screen .panel-button:checked:hover {\n color: white;\n background-color: transparent;\n box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2);\n}\n\n#panel:overview .panel-button:active.clock-display .clock,\n#panel:overview .panel-button:overview.clock-display .clock,\n#panel:overview .panel-button:focus.clock-display .clock,\n#panel:overview .panel-button:checked.clock-display .clock,\n#panel.unlock-screen .panel-button:active.clock-display .clock,\n#panel.unlock-screen .panel-button:overview.clock-display .clock,\n#panel.unlock-screen .panel-button:focus.clock-display .clock,\n#panel.unlock-screen .panel-button:checked.clock-display .clock,\n#panel.login-screen .panel-button:active.clock-display .clock,\n#panel.login-screen .panel-button:overview.clock-display .clock,\n#panel.login-screen .panel-button:focus.clock-display .clock,\n#panel.login-screen .panel-button:checked.clock-display .clock,\n#panel.lock-screen .panel-button:active.clock-display .clock,\n#panel.lock-screen .panel-button:overview.clock-display .clock,\n#panel.lock-screen .panel-button:focus.clock-display .clock,\n#panel.lock-screen .panel-button:checked.clock-display .clock {\n background-color: transparent;\n box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2);\n}\n\n#panel:overview .panel-button#panelActivities,\n#panel.unlock-screen .panel-button#panelActivities,\n#panel.login-screen .panel-button#panelActivities,\n#panel.lock-screen .panel-button#panelActivities {\n color: white;\n}\n\n#panel:overview .panel-button#panelActivities .workspace-dot,\n#panel.unlock-screen .panel-button#panelActivities .workspace-dot,\n#panel.login-screen .panel-button#panelActivities .workspace-dot,\n#panel.lock-screen .panel-button#panelActivities .workspace-dot {\n background-color: white;\n}\n\n#panel:overview .panel-corner,\n#panel.unlock-screen .panel-corner,\n#panel.login-screen .panel-corner,\n#panel.lock-screen .panel-corner {\n -panel-corner-radius: 0;\n -panel-corner-background-color: transparent;\n -panel-corner-border-color: transparent;\n}\n\n#panel .screencast-indicator,\n#panel .remote-access-indicator,\n#panel .privacy-indicator {\n color: #e9873a;\n}\n\n/* Popovers/Menus */\n.popup-menu-boxpointer {\n -arrow-border-radius: 14px;\n -arrow-background-color: transparent;\n -arrow-border-width: 0;\n -arrow-border-color: transparent;\n -arrow-base: 32px;\n -arrow-rise: 0;\n -arrow-box-shadow: none;\n}\n\n.arcmenu-menu {\n -arrow-base: 0;\n}\n\n.popup-menu {\n min-width: 12em;\n color: #afafaf;\n}\n\n.popup-menu.panel-menu {\n -boxpointer-gap: 3px;\n margin-bottom: 1.75em;\n}\n\n.popup-menu StEntry {\n selection-background-color: rgba(255, 255, 255, 0.85);\n selected-background-color: rgba(255, 255, 255, 0.85);\n selected-color: #0091ff;\n caret-color: #dedede;\n}\n\n.popup-menu StEntry StLabel.hint-text {\n margin-left: 2px;\n color: rgba(222, 222, 222, 0.7);\n}\n\n.popup-menu-content {\n padding: 4px;\n margin: 4px 12px 17px 12px;\n background-color: rgba(0, 0, 0, 0.92);\n border-radius: 30px;\n border: solid rgba(0, 0, 0, 0);\n border-width: 1px;\n box-shadow: inset 1.6px 1.6px 4px -4px rgba(255, 255, 255, 0.6);\n}\n\n/*\n.popup-menu-content #calendarArea {\n background-color: rgba(0, 0, 0, 0.92);\n border-radius: 30px;\n padding: 10px;\n box-shadow: inset 1.6px 1.6px 4px -4px rgba(255, 255, 255, 0.6);\n}\n*/\n\n.popup-menu-content #calendarArea .events-button {\n background-color: rgba(255, 255, 255, 0.15);\n color: white;\n border-radius: 20px;\n box-shadow: inset 0 0 4px 0.2px rgba(255, 255, 255, 0.4);\n}\n\n/*\n.popup-menu-content #calendarArea .calendar {\n background-color: rgba(255, 255, 255, 0.2);\n border-radius: 20px;\n padding: 10px;\n box-shadow: inset 1.6px 1.6px 4px -4px rgba(255, 255, 255, 0.6);\n}\n*/\n.popup-menu .popup-menu-item {\n background-color: rgba(0, 0, 0, 0);\n border: none;\n spacing: 4px;\n margin: 6px 8px 6px 8px;\n padding: 8px;\n color: #ffffff;\n text-shadow: none !important;\n icon-shadow: none !important;\n border-radius: 9999px !important;\n font-weight: normal;\n transition: none;\n}\n\n.popup-menu .popup-menu-item:checked {\n font-weight: normal;\n border-radius: 20px 20px 0 0 !important;\n border: none;\n color: #ffffff !important;\n background-gradient-direction: none !important;\n background-color: rgba(255, 255, 255, 0.15);\n box-shadow: inset 0 0 4px 0.2px rgba(255, 255, 255, 0.4);\n}\n\n.popup-menu .popup-menu-item:checked:focus,\n.popup-menu .popup-menu-item:checked:hover,\n.popup-menu .popup-menu-item:checked:selected {\n color: white !important;\n background-color: #0091ff !important;\n background-gradient-direction: none !important;\n}\n\n.popup-menu .popup-menu-item:checked:active {\n color: white !important;\n background-color: #0091ff !important;\n}\n\n.popup-menu .popup-menu-item:checked:insensitive {\n color: #0091ff !important;\n}\n\n.popup-menu .popup-menu-item:focus,\n.popup-menu .popup-menu-item:hover,\n.popup-menu .popup-menu-item:selected {\n color: white !important;\n background-color: #0091ff !important;\n\n transition-duration: 0ms !important;\n}\n\n.popup-menu .popup-menu-item:active,\n.popup-menu .popup-menu-item.selected:active {\n color: white !important;\n background-color: #0091ff !important;\n}\n\n.popup-menu .popup-menu-item:insensitive {\n color: #0091ff !important;\n}\n\n.popup-menu .popup-menu-item .toggle-switch:ltr {\n margin-left: 3px;\n}\n\n.popup-menu .popup-menu-item .toggle-switch:rtl {\n margin-right: 3px;\n}\n\n.popup-sub-menu {\n border-radius: 0 0 20px 20px !important;\n border: none;\n box-shadow: none;\n margin: 0px 8px 6px 8px;\n transition: none;\n background-color: rgba(255, 255, 255, 0.15);\n color: white;\n box-shadow: inset 0 0 4px 0.2px rgba(255, 255, 255, 0.4);\n}\n\n.popup-sub-menu .popup-menu-item {\n margin: 4px;\n border-radius: 9999px !important;\n background-color: transparent !important;\n}\n\n.popup-sub-menu .popup-menu-item:focus,\n.popup-sub-menu .popup-menu-item:hover,\n.popup-sub-menu .popup-menu-item:selected {\n color: white !important;\n background-color: #0091ff !important;\n}\n\n.popup-sub-menu .popup-menu-item:first-child,\n.popup-sub-menu .popup-menu-item:first-child,\n.popup-sub-menu .popup-menu-item:first-child {\n border-radius: 0 0 9999px 9999px;\n}\n\n.popup-sub-menu .popup-menu-item:active {\n color: white !important;\n background-color: #0091ff !important;\n}\n\n.popup-ornamented-menu-item:ltr {\n padding-left: 4px;\n}\n\n.popup-ornamented-menu-item:rtl {\n padding-right: 4px;\n}\n\n.popup-inactive-menu-item {\n color: #afafaf !important;\n}\n\n.popup-inactive-menu-item:insensitive {\n color: rgba(222, 222, 222, 0.35) !important;\n}\n\n.popup-menu-arrow,\n.popup-menu-icon {\n icon-size: 16px;\n icon-shadow: none !important;\n}\n\n.popup-menu-ornament {\n icon-size: 1.091em !important;\n width: 1.091em;\n}\n\n.background-menu {\n -boxpointer-gap: 3px;\n -arrow-rise: 0px;\n}\n\n.aggregate-menu {\n min-width: 21em;\n}\n\n.aggregate-menu .popup-menu-icon {\n padding: 0 !important;\n -st-icon-style: symbolic;\n}\n\n.aggregate-menu .popup-menu-icon:ltr {\n margin-right: 6px !important;\n}\n\n.aggregate-menu .popup-menu-icon:rtl {\n margin-left: 6px !important;\n}\n\n.app-menu,\n.app-well-menu {\n max-width: 27.25em;\n}\n\n.rename-folder-popup .rename-folder-popup-item {\n spacing: 4px;\n}\n\n.rename-folder-popup .rename-folder-popup-item:ltr,\n.rename-folder-popup .rename-folder-popup-item:rtl {\n padding: 0 8px;\n}\n\n/* Screen Shield */\n.unlock-dialog-clock {\n color: white;\n font-weight: 300;\n text-align: center;\n spacing: 24px;\n padding-bottom: 2.5em;\n}\n\n.unlock-dialog-clock-time {\n font-size: 64pt;\n padding-top: 42px;\n font-feature-settings: 'tnum';\n}\n\n.unlock-dialog-clock-date {\n font-size: 16pt;\n font-weight: normal;\n}\n\n.unlock-dialog-clock-hint {\n font-weight: normal;\n padding-top: 48px;\n}\n\n.unlock-dialog-notifications-container {\n margin: 12px 0;\n spacing: 6px;\n width: 23em;\n background-color: transparent;\n}\n\n.unlock-dialog-notifications-container .summary-notification-stack-scrollview {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.unlock-dialog-notifications-container .notification,\n.unlock-dialog-notifications-container .unlock-dialog-notification-source {\n padding: 12px 6px;\n border: none;\n background-color: rgba(0, 0, 0, 0.6);\n color: white;\n border-radius: 6px;\n}\n\n.unlock-dialog-notifications-container .notification.critical,\n.unlock-dialog-notifications-container\n .unlock-dialog-notification-source.critical {\n background-color: rgba(0, 0, 0, 0.3);\n}\n\n.unlock-dialog-notification-label {\n padding: 0px 0px 0px 12px;\n}\n\n.unlock-dialog-notification-count-text {\n weight: bold;\n padding: 0 6px;\n color: white;\n background-color: #0091ff;\n border-radius: 99px;\n margin-right: 12px;\n}\n\n.screen-shield-background {\n background: black;\n box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);\n}\n\n#unlockDialogNotifications StButton#vhandle,\n#unlockDialogNotifications StButton#hhandle {\n background-color: rgba(51, 51, 51, 0.3);\n}\n\n#unlockDialogNotifications StButton#vhandle:hover,\n#unlockDialogNotifications StButton#vhandle:focus,\n#unlockDialogNotifications StButton#hhandle:hover,\n#unlockDialogNotifications StButton#hhandle:focus {\n background-color: rgba(51, 51, 51, 0.5);\n}\n\n#unlockDialogNotifications StButton#vhandle:active,\n#unlockDialogNotifications StButton#hhandle:active {\n background-color: st-transparentize(#0091ff, 0.5);\n}\n\n/* Scrollbars */\nStScrollView.vfade {\n -st-vfade-offset: 68px;\n}\n\nStScrollView.hfade {\n -st-hfade-offset: 68px;\n}\n\nStScrollBar {\n padding: 0;\n margin: 6px;\n}\n\nStScrollView StScrollBar {\n min-width: 8px;\n min-height: 8px;\n}\n\nStScrollBar StBin#trough {\n border-radius: 9999px;\n background-color: rgba(255, 255, 255, 0.1);\n}\n\nStScrollBar StButton#vhandle,\nStScrollBar StButton#hhandle {\n border-radius: 9999px;\n background-color: #999999;\n border: 4px solid transparent;\n}\n\nStScrollBar StButton#vhandle:hover,\nStScrollBar StButton#hhandle:hover {\n background-color: #afafaf;\n}\n\nStScrollBar StButton#vhandle:active,\nStScrollBar StButton#hhandle:active {\n background-color: #dedede;\n}\n\n.app-folder-dialog .folder-name-container .folder-name-entry,\n#overview .search-entry {\n width: 320px;\n min-height: 28px;\n padding: 0 10px !important;\n background-clip: padding-box;\n color: rgba(255, 255, 255, 0.5);\n caret-color: rgba(255, 255, 255, 0.85);\n selection-background-color: rgba(255, 255, 255, 0.2);\n selected-color: rgba(255, 255, 255, 0.85);\n background-color: rgba(255, 255, 255, 0.12);\n border-radius: 8px;\n border-color: transparent !important;\n box-shadow: none !important;\n box-shadow: none;\n}\n\n.app-folder-dialog .folder-name-container .folder-name-entry:hover,\n#overview .search-entry:hover {\n background-color: rgba(255, 255, 255, 0.2);\n border-color: transparent !important;\n box-shadow: none !important;\n color: rgba(255, 255, 255, 0.85);\n box-shadow: none;\n}\n\n.app-folder-dialog .folder-name-container .folder-name-entry:focus,\n#overview .search-entry:focus {\n border-color: transparent !important;\n background-color: rgba(255, 255, 255, 0.18);\n box-shadow: none !important;\n color: rgba(255, 255, 255, 0.85);\n box-shadow: none;\n}\n\n.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon,\n#overview .search-entry .search-entry-icon {\n icon-size: 16px;\n padding: 0 0;\n color: rgba(255, 255, 255, 0.5);\n}\n\n.app-folder-dialog\n .folder-name-container\n .folder-name-entry:hover\n .search-entry-icon,\n.app-folder-dialog\n .folder-name-container\n .folder-name-entry:focus\n .search-entry-icon,\n#overview .search-entry:hover .search-entry-icon,\n#overview .search-entry:focus .search-entry-icon {\n color: rgba(255, 255, 255, 0.85);\n}\n\n.app-folder-dialog .folder-name-container .folder-name-entry:insensitive,\n#overview .search-entry:insensitive {\n color: rgba(255, 255, 255, 0.45);\n}\n\n.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text,\n#overview .search-entry StLabel.hint-text {\n color: rgba(255, 255, 255, 0.5);\n}\n\n/* Search */\n.list-search-result,\n.search-provider-icon {\n border-radius: 6px;\n padding: 8px;\n transition-duration: 0;\n text-align: center;\n background-color: transparent;\n}\n\n.list-search-result:focus,\n.search-provider-icon:focus,\n.list-search-result:hover,\n.search-provider-icon:hover,\n.list-search-result:selected,\n.search-provider-icon:selected {\n background-color: rgba(255, 255, 255, 0.12);\n transition: none;\n}\n\n.list-search-result:active,\n.search-provider-icon:active,\n.list-search-result:checked,\n.search-provider-icon:checked {\n background-color: rgba(255, 255, 255, 0.2);\n transition-duration: 150ms;\n}\n\n#searchResultsContent {\n max-width: 1024px;\n spacing: 6px;\n}\n\n.search-section {\n spacing: 6px;\n}\n\n.search-section .search-section-separator {\n height: 0;\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n.search-section-content {\n spacing: 6px;\n border-radius: 16px;\n padding: 12px;\n border: none;\n box-shadow: none;\n background: rgba(255, 255, 255, 0.12);\n text-shadow: none;\n color: rgba(255, 255, 255, 0.85);\n}\n\n.search-statustext {\n font-size: 2em;\n font-weight: bold;\n color: rgba(255, 255, 255, 0.5);\n}\n\n.grid-search-results {\n spacing: 24px;\n}\n\n.search-provider-icon .list-search-provider-content {\n spacing: 8px;\n}\n\n.search-provider-icon\n .list-search-provider-content\n .list-search-provider-details {\n width: 120px;\n margin-top: 0;\n color: rgba(255, 255, 255, 0.5);\n}\n\n.list-search-results {\n spacing: 4px;\n}\n\n.list-search-result .list-search-result-content {\n spacing: 4px;\n}\n\n.list-search-result .list-search-result-title {\n spacing: 8px;\n}\n\n.list-search-result .list-search-result-description {\n color: rgba(255, 255, 255, 0.85);\n}\n\n/* App Switcher */\n.switcher-popup {\n padding: 8px;\n spacing: 16px;\n}\n\n.switcher-list {\n border-radius: 20px;\n}\n\n.switcher-list .item-box {\n padding: 8px;\n border-radius: 12px;\n border: 1px solid transparent;\n background-color: transparent;\n color: #dedede;\n}\n\n.switcher-list .item-box:outlined {\n background-color: rgba(255, 255, 255, 0.1);\n color: #dedede;\n}\n\n.switcher-list .item-box:selected {\n background-image: url('gradient-bg.svg');\n color: rgba(255, 255, 255, 0.85);\n}\n\n.switcher-list .thumbnail-box {\n padding: 2px;\n spacing: 4px;\n}\n\n.switcher-list .thumbnail {\n width: 256px;\n}\n\n.switcher-list .separator {\n width: 1px;\n background: rgba(255, 255, 255, 0.12);\n}\n\n.switcher-list .switcher-list-item-container {\n spacing: 8px;\n}\n\n.switcher-arrow {\n border-color: rgba(0, 0, 0, 0);\n color: #999999;\n}\n\n.switcher-arrow:highlighted {\n color: #dedede;\n}\n\n.input-source-switcher-symbol {\n font-size: 34pt;\n width: 96px;\n height: 96px;\n}\n\n.cycler-highlight {\n border: 5px solid #0091ff;\n}\n\n/* Tiled window previews */\n.tile-preview {\n background-color: st-transparentize(#0091ff, 0.75);\n border: 1px solid #0091ff;\n}\n\n.tile-preview-left.on-primary {\n border-radius: 9px 0 0 0;\n}\n\n.tile-preview-right.on-primary {\n border-radius: 0 9px 0 0;\n}\n\n.tile-preview-left.tile-preview-right.on-primary {\n border-radius: 9px 9px 0 0;\n}\n\n/* Workspace Switcher */\n.workspace-switcher-group {\n padding: 8px;\n}\n\n.workspace-switcher {\n background: transparent;\n border: none;\n border-radius: 0;\n padding: 0;\n spacing: 8px;\n}\n\n.ws-switcher-box {\n background: transparent;\n height: 50px;\n background-size: 32px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 6px;\n}\n\n.ws-switcher-active-up,\n.ws-switcher-active-down,\n.ws-switcher-active-left,\n.ws-switcher-active-right {\n height: 52px;\n background-color: #0091ff;\n color: rgba(255, 255, 255, 0.85);\n border-radius: 11px;\n border: none;\n}\n\n/* App Grid */\n.icon-grid {\n row-spacing: 12px;\n column-spacing: 12px;\n max-row-spacing: 36px;\n max-column-spacing: 36px;\n page-padding-top: 24px;\n page-padding-bottom: 24px;\n page-padding-left: 18px;\n page-padding-right: 18px;\n}\n\n/* App Icons */\n.overview-tile {\n color: rgba(255, 255, 255, 0.85);\n background-color: transparent;\n border-radius: 36px;\n padding: 12px;\n spacing: 4px;\n text-align: center;\n transition-duration: 100ms;\n}\n\n.overview-tile:focus {\n color: white;\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n.overview-tile:hover {\n color: white;\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n.overview-tile:active {\n color: white;\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n.overview-tile:highlighted,\n.overview-tile:selected,\n.overview-tile:checked {\n color: white;\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n.overview-tile:insensitive {\n color: rgba(255, 255, 255, 0.35);\n background-color: transparent;\n}\n\n.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout {\n spacing: 6px;\n}\n\n.app-grid-running-dot {\n width: 5px;\n height: 5px;\n border-radius: 5px;\n background-color: rgba(255, 255, 255, 0.85);\n margin-bottom: 0 !important;\n offset-y: 6px;\n}\n\nStWidget.focused .app-grid-running-dot {\n background-color: #0091ff;\n}\n\n.app-folder {\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n.app-folder:focus {\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n.app-folder:hover {\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n.app-folder:active {\n background-color: rgba(255, 255, 255, 0.3);\n}\n\n.app-folder:highlighted,\n.app-folder:selected,\n.app-folder:checked {\n background-color: rgba(255, 255, 255, 0.3);\n}\n\n.app-folder:insensitive {\n background-color: transparent;\n}\n\n.app-folder-dialog-container {\n padding-top: 28px;\n}\n\n.app-folder-dialog {\n width: 720px;\n height: 720px;\n}\n\n.app-folder-dialog .page-indicators {\n margin-bottom: 16px;\n}\n\n.app-folder-dialog .icon-button,\n.app-folder-dialog .message .message-header .message-expand-button,\n.message .message-header .app-folder-dialog .message-expand-button,\n.app-folder-dialog .message .message-header .message-close-button,\n.message .message-header .app-folder-dialog .message-close-button,\n.app-folder-dialog .message-notification-group .message-collapse-button,\n.message-notification-group .app-folder-dialog .message-collapse-button,\n.app-folder-dialog .page-navigation-arrow {\n color: rgba(255, 255, 255, 0.85);\n background-color: transparent;\n border: none !important;\n}\n\n.app-folder-dialog .icon-button:hover,\n.app-folder-dialog .message .message-header .message-expand-button:hover,\n.message .message-header .app-folder-dialog .message-expand-button:hover,\n.app-folder-dialog .message .message-header .message-close-button:hover,\n.message .message-header .app-folder-dialog .message-close-button:hover,\n.app-folder-dialog .message-notification-group .message-collapse-button:hover,\n.message-notification-group .app-folder-dialog .message-collapse-button:hover,\n.app-folder-dialog .page-navigation-arrow:hover {\n background-color: rgba(255, 255, 255, 0.12);\n color: white;\n}\n\n.app-folder-dialog .icon-button:active,\n.app-folder-dialog .message .message-header .message-expand-button:active,\n.message .message-header .app-folder-dialog .message-expand-button:active,\n.app-folder-dialog .message .message-header .message-close-button:active,\n.message .message-header .app-folder-dialog .message-close-button:active,\n.app-folder-dialog .message-notification-group .message-collapse-button:active,\n.message-notification-group .app-folder-dialog .message-collapse-button:active,\n.app-folder-dialog .page-navigation-arrow:active {\n background-color: rgba(255, 255, 255, 0.2);\n color: white;\n}\n\n.apps-scroll-view {\n padding: 0;\n}\n\n.system-action-icon {\n background-color: rgba(255, 255, 255, 0.06);\n color: white;\n border-radius: 9999px;\n icon-size: 48px;\n}\n\n.page-navigation-hint {\n width: 220px;\n}\n\n.page-navigation-hint.dnd {\n background: rgba(255, 255, 255, 0.1);\n}\n\n.page-navigation-hint.next:ltr,\n.page-navigation-hint.previous:rtl {\n background-gradient-start: rgba(255, 255, 255, 0.12);\n background-gradient-end: transparent;\n background-gradient-direction: horizontal;\n border-radius: 16px 0px 0px 16px;\n}\n\n.page-navigation-hint.previous:ltr,\n.page-navigation-hint.next:rtl {\n background-gradient-start: transparent;\n background-gradient-end: rgba(255, 255, 255, 0.12);\n background-gradient-direction: horizontal;\n border-radius: 0px 16px 16px 0px;\n}\n\n.page-navigation-arrow {\n margin: 4px;\n padding: 12px;\n width: 24px;\n height: 24px;\n border-radius: 9999px;\n color: rgba(255, 255, 255, 0.85);\n background-color: transparent;\n}\n\n.page-navigation-arrow > StIcon {\n color: white;\n}\n\n.page-navigation-arrow:insensitive {\n background-color: rgba(255, 255, 255, 0.06);\n color: rgba(255, 255, 255, 0.35);\n}\n\n.page-navigation-arrow:hover {\n background-color: rgba(255, 255, 255, 0.12);\n color: white;\n}\n\n.page-navigation-arrow:active {\n background-color: rgba(255, 255, 255, 0.2);\n color: white;\n}\n\n/* Check Boxes */\n.check-box StBoxLayout {\n spacing: 0.8em;\n}\n\n.check-box StBin {\n border-radius: 7px;\n padding: 2px;\n}\n\n.check-box:focus StBin {\n background-color: rgba(0, 0, 0, 0.01);\n box-shadow: inset 0 0 0 2px st-transparentize(#0091ff, 0.65);\n}\n\n.check-box StIcon {\n icon-size: 14px;\n padding: 1px;\n color: transparent;\n border-radius: 6px;\n border: 2px solid rgba(255, 255, 255, 0.15);\n}\n\n.check-box:hover StIcon {\n border-color: rgba(255, 255, 255, 0.2);\n}\n\n.check-box:active StIcon {\n border-color: rgba(255, 255, 255, 0.3);\n}\n\n.check-box:checked StIcon {\n background-color: #0091ff;\n color: -st-accent-fg-color;\n border-color: transparent;\n}\n\n.check-box:checked:hover StIcon {\n background-color: st-lighten(#0091ff, 5%);\n color: st-lighten(-st-accent-fg-color, 5%);\n}\n\n.check-box:checked:active StIcon {\n background-color: st-darken(#0091ff, 7%);\n color: st-darken(-st-accent-fg-color, 7%);\n}\n\n/* Dash */\n#dash {\n padding-left: 0;\n padding-right: 0;\n}\n\n#dash .dash-background {\n background-color: rgba(255, 255, 255, 0.12);\n border-radius: 28px;\n padding-top: 8px;\n padding-bottom: 8px;\n padding-left: 6.5px;\n padding-right: 6.5px;\n border: none;\n box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);\n}\n\n#dash .dash-item-container .placeholder {\n background-image: none;\n background-size: contain;\n height: 32px;\n}\n\n#dash .dash-item-container .empty-dash-drop-target {\n width: 32px;\n height: 32px;\n}\n\n#dash .dash-item-container .show-apps,\n#dash .dash-item-container .overview-tile {\n background: none;\n box-shadow: none;\n border: none;\n border-radius: 0;\n padding: 0;\n margin: 0 1.5px;\n padding-bottom: 9px;\n}\n\n#dash .dash-item-container .show-apps .overview-icon,\n#dash .dash-item-container .overview-tile .overview-icon {\n border-radius: 20px;\n padding: 4px;\n spacing: 4px;\n text-align: center;\n transition-duration: 100ms;\n background: none;\n}\n\n#dash .dash-item-container .show-apps:focus .overview-icon,\n#dash .dash-item-container .overview-tile:focus .overview-icon {\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n#dash .dash-item-container .show-apps:hover .overview-icon,\n#dash .dash-item-container .overview-tile:hover .overview-icon {\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n#dash .dash-item-container .show-apps:active .overview-icon,\n#dash .dash-item-container .overview-tile:active .overview-icon {\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n#dash .dash-item-container .show-apps:highlighted .overview-icon,\n#dash .dash-item-container .show-apps:selected .overview-icon,\n#dash .dash-item-container .show-apps:checked .overview-icon,\n#dash .dash-item-container .overview-tile:highlighted .overview-icon,\n#dash .dash-item-container .overview-tile:selected .overview-icon,\n#dash .dash-item-container .overview-tile:checked .overview-icon {\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n#dash .dash-item-container .show-apps:insensitive .overview-icon,\n#dash .dash-item-container .overview-tile:insensitive .overview-icon {\n background-color: transparent;\n}\n\n#dash .dash-item-container .app-grid-running-dot {\n offset-y: -9px;\n}\n\n#dash .dash-separator {\n width: 1px;\n margin-left: 3px;\n margin-right: 3px;\n background-color: rgba(255, 255, 255, 0.15);\n}\n\n#dash .dash-separator,\n#dash .dash-background {\n margin-bottom: 9px;\n}\n\n.dash-label {\n -y-offset: 6px;\n}\n\n/* Modal Dialogs */\n.modal-dialog,\n.candidate-popup-content {\n background-color: rgba(0, 0, 0, 0.92);\n border-radius: 30px;\n box-shadow: inset 1.6px 1.6px 4px -4px rgba(255, 255, 255, 0.6);\n}\n\n.modal-dialog .modal-dialog-button:last-child,\n.modal-dialog .modal-dialog-linked-button:last-child {\n color: white !important;\n background-color: #0091ff;\n background-gradient-direction: none !important;\n border-radius: 20px;\n}\n\n.modal-dialog .modal-dialog-button:hover:last-child,\n.modal-dialog .modal-dialog-linked-button:hover:last-child {\n color: white !important;\n background-gradient-direction: none !important;\n background-color: st-lighten(#0091ff, 9%);\n}\n\n.modal-dialog .modal-dialog-button:active:last-child,\n.modal-dialog .modal-dialog-linked-button:active:last-child {\n color: white !important;\n background-gradient-direction: none !important;\n background-color: st-darken(#0091ff, 5%);\n}\n\n.modal-dialog .modal-dialog-button:insensitive:last-child,\n.modal-dialog .modal-dialog-linked-button:insensitive:last-child {\n background-gradient-direction: none !important;\n background-color: st-transparentize(#0091ff, 0.9);\n color: st-transparentize(#0091ff, 0.65) !important;\n}\n\n.modal-dialog {\n color: #dedede;\n padding: 12px;\n}\n\n.modal-dialog .modal-dialog-content-box {\n padding: 16px 32px 6px;\n spacing: 12px;\n max-width: 28em;\n}\n\n.modal-dialog .modal-dialog-button-box {\n padding-top: 4px;\n spacing: 4px;\n}\n\n.modal-dialog .modal-dialog-button,\n.modal-dialog .modal-dialog-linked-button {\n min-height: 40px;\n padding: 0 16px;\n margin: 0;\n border: none !important;\n border-radius: 9999px;\n font-weight: bold;\n color: #dedede;\n background-color: #313131;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.modal-dialog .modal-dialog-button:hover,\n.modal-dialog .modal-dialog-linked-button:hover {\n color: #dedede;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n background-color: st-mix(#dedede, #313131, 6%);\n}\n\n.modal-dialog .modal-dialog-button:active,\n.modal-dialog .modal-dialog-linked-button:active {\n color: #dedede;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n background-color: st-mix(#dedede, #313131, 12%);\n}\n\n.modal-dialog .modal-dialog-button:checked,\n.modal-dialog .modal-dialog-linked-button:checked {\n color: white;\n background-color: #0091ff;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.modal-dialog .modal-dialog-button:insensitive,\n.modal-dialog .modal-dialog-linked-button:insensitive {\n color: rgba(222, 222, 222, 0.35);\n background-color: #313131;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.modal-dialog .modal-dialog-button:focus,\n.modal-dialog .modal-dialog-linked-button:focus {\n color: #dedede;\n text-shadow: none;\n icon-shadow: none;\n box-shadow: none !important;\n}\n\n.end-session-dialog {\n width: 28em;\n}\n\n.end-session-dialog .end-session-dialog-battery-warning,\n.end-session-dialog .dialog-list-title {\n color: #e9873a;\n}\n\n.message-dialog-content {\n spacing: 18px;\n}\n\n.message-dialog-content .message-dialog-title {\n text-align: center;\n}\n\n.message-dialog-content .message-dialog-description {\n text-align: center;\n}\n\n.dialog-list {\n spacing: 18px;\n}\n\n.dialog-list .dialog-list-title {\n text-align: center;\n}\n\n.dialog-list .dialog-list-scrollview {\n max-height: 200px;\n}\n\n.dialog-list .dialog-list-box {\n spacing: 1em;\n}\n\n.dialog-list .dialog-list-box .dialog-list-item {\n spacing: 1em;\n}\n\n.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {\n font-weight: bold;\n}\n\n.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {\n color: #afafaf;\n}\n\n.run-dialog {\n width: 24em;\n}\n\n.run-dialog .run-dialog-entry {\n padding: 8px 6px;\n}\n\n.run-dialog .run-dialog-description {\n text-align: center;\n color: #afafaf;\n}\n\n.prompt-dialog {\n width: 24em;\n}\n\n.prompt-dialog-password-grid {\n spacing-rows: 8px;\n spacing-columns: 4px;\n}\n\n.prompt-dialog-password-grid .prompt-dialog-password-entry {\n width: auto;\n}\n\n.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {\n margin-left: 20px;\n}\n\n.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {\n margin-right: 20px;\n}\n\n.prompt-dialog-password-layout {\n spacing: 8px;\n}\n\n.prompt-dialog-password-entry {\n width: 20em;\n padding: 8px 6px;\n}\n\n.prompt-dialog-error-label,\n.prompt-dialog-info-label,\n.prompt-dialog-null-label {\n text-align: center;\n}\n\n.prompt-dialog-error-label {\n color: #ed5f5d;\n}\n\n.prompt-dialog-info-label,\n.prompt-dialog-null-label {\n color: #999999;\n}\n\n.polkit-dialog-user-layout {\n text-align: center;\n spacing: 8px;\n margin-bottom: 6px;\n}\n\n.polkit-dialog-user-layout .polkit-dialog-user-root-label {\n color: #e9873a;\n}\n\n.audio-device-selection-dialog .modal-dialog-content-box {\n margin-bottom: 28px;\n}\n\n.audio-device-selection-dialog .audio-selection-box {\n spacing: 20px;\n}\n\n.audio-selection-device {\n min-width: 24em;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 6px;\n}\n\n.audio-selection-device:hover,\n.audio-selection-device:focus {\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n.audio-selection-device:active {\n background-color: #0091ff;\n color: white;\n}\n\n.audio-selection-device-box {\n padding: 8px;\n spacing: 8px;\n}\n\n.audio-selection-device-icon {\n icon-size: 64px;\n}\n\n.welcome-dialog-image {\n background-image: url('resource:///org/gnome/shell/theme/gnome-shell-start.svg');\n background-size: contain;\n height: 300px;\n width: 300px;\n}\n\n/* Access portal dialog */\n.access-dialog {\n text-align: center;\n}\n\n/* Message List */\n.message-list {\n width: 29em;\n text-shadow: none;\n border: none;\n padding: 0 3px;\n}\n\n.message-list:ltr {\n margin-left: 0;\n margin-right: 0;\n padding-right: 4px;\n border-right-width: 0;\n}\n\n.message-list:rtl {\n margin-right: 0;\n margin-left: 0;\n padding-left: 4px;\n border-left-width: 0;\n}\n\n.message-list .message-list-placeholder {\n color: rgba(222, 222, 222, 0.35);\n}\n\n.message-list .message-list-placeholder > StIcon {\n icon-size: 96px;\n margin-bottom: 9px;\n -st-icon-style: symbolic;\n}\n\n.message-view {\n -st-vfade-offset: 68px;\n}\n\n.message-view:ltr {\n margin-right: 15px;\n}\n\n.message-view:rtl {\n margin-left: 15px;\n}\n\n.message-view .message {\n margin-bottom: 8px !important;\n}\n\n.message-list-controls {\n padding: 8px;\n padding-bottom: 4px;\n spacing: 4px;\n}\n\n.message-list-controls .dnd-button {\n border-width: 2px;\n border-color: transparent;\n border-radius: 32px;\n border-style: solid;\n}\n\n.message-list-controls .dnd-button:focus {\n border-color: st-transparentize(#0091ff, 0.4);\n}\n\n.message-notification-group {\n spacing: 8px;\n}\n\n.message-notification-group .message-group-header {\n padding: 4px;\n}\n\n.message-notification-group .message-group-header .message-group-title {\n margin: 0 3px;\n}\n\n.message-notification-group .message-collapse-button {\n color: #dedede;\n background-color: rgba(222, 222, 222, 0.2);\n padding: 4px !important;\n border: 4px transparent solid;\n}\n\n.message-notification-group .message-collapse-button:hover {\n background-color: rgba(222, 222, 222, 0.3);\n}\n\n.message-notification-group .message-collapse-button:active {\n background-color: rgba(222, 222, 222, 0.2);\n}\n\n.popup-menu .message {\n border-radius: 20px;\n padding: 4px;\n margin: 3px;\n background-color: rgba(255, 255, 255, 0.15);\n border-radius: 20px;\n box-shadow: inset 0 0 4px 0.1px rgba(255, 255, 255, 0.4);\n color: #afafaf;\n}\n\n.popup-menu .message:hover,\n.popup-menu .message:focus {\n color: #dedede;\n background-color: rgba(255, 255, 255, 0.3);\n}\n\n.popup-menu .message:active {\n color: #dedede;\n background-color: rgba(255, 255, 255, 0.3);\n box-shadow: none !important;\n}\n\n.popup-menu .message:insensitive {\n color: rgba(175, 175, 175, 0.35);\n background-color: rgba(62, 62, 62, 0.5);\n box-shadow: none !important;\n}\n\n.message {\n border: none;\n}\n\n.message:second-in-stack {\n background-color: #404040;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);\n}\n\n.message:lower-in-stack {\n background-color: #363636;\n box-shadow: none;\n border-color: transparent;\n}\n\n.message .message-header {\n padding: 0 4px;\n spacing: 4px;\n color: rgba(222, 222, 222, 0.35);\n}\n\n.message .message-header:ltr {\n padding-right: 0;\n}\n\n.message .message-header:rtl {\n padding-left: 0;\n}\n\n.message .message-header .message-source-icon {\n icon-size: 1.091em;\n -st-icon-style: symbolic;\n}\n\n.message .message-header .message-header-content {\n spacing: 4px;\n min-height: 1.637em;\n padding-bottom: 4px;\n}\n\n.message .message-header .message-header-content .message-source-title {\n font-weight: bold;\n}\n\n.message .message-header .message-header-content .event-time {\n color: rgba(222, 222, 222, 0.35);\n padding-bottom: 0.068em;\n}\n\n.message .message-header .message-header-content .event-time:ltr {\n text-align: right;\n}\n\n.message .message-header .message-header-content .event-time:rtl {\n text-align: left;\n}\n\n.message .message-header .message-expand-button,\n.message .message-header .message-close-button {\n color: #dedede;\n background-color: rgba(222, 222, 222, 0.1);\n padding: 4px;\n border: none;\n}\n\n.message .message-header .message-expand-button:hover,\n.message .message-header .message-close-button:hover {\n background-color: rgba(222, 222, 222, 0.19);\n}\n\n.message .message-header .message-expand-button:active,\n.message .message-header .message-expand-button:active:hover,\n.message .message-header .message-close-button:active,\n.message .message-header .message-close-button:active:hover {\n background-color: rgba(222, 222, 222, 0.24);\n}\n\n.message .message-header .message-expand-button:insensitive,\n.message .message-header .message-close-button:insensitive {\n background-color: rgba(222, 222, 222, 0.07);\n}\n\n.message .message-header .message-expand-button {\n padding: 4px;\n}\n\n.message .message-header .message-expand-button:ltr {\n margin-right: 4px;\n}\n\n.message .message-header .message-expand-button:rtl {\n margin-left: 4px;\n}\n\n.message .message-box {\n padding: 4px;\n margin: 4px;\n margin-top: 0;\n spacing: 4px;\n}\n\n.message .message-box .message-icon {\n icon-size: 48px;\n}\n\n.message .message-box .message-icon:ltr {\n margin-right: 4px;\n}\n\n.message .message-box .message-icon:rtl {\n margin-left: 4px;\n}\n\n.message .message-box .message-icon.message-themed-icon {\n border-radius: 9999px;\n background-color: rgba(222, 222, 222, 0.2);\n icon-size: 16px;\n min-width: 32px;\n min-height: 32px;\n padding: 8px;\n}\n\n.message .message-box:first-child {\n margin-top: 8px;\n}\n\n.message .message-box .message-content {\n spacing: 3px;\n}\n\n.message .message-box .message-content .message-title {\n font-weight: bold;\n}\n\n.message .message-action-bin {\n padding: 3px;\n spacing: 4px;\n}\n\n.message .message-action-bin * {\n margin: 0 3px;\n}\n\n.message .message-action-bin *:first-child:ltr {\n margin-left: 0;\n}\n\n.message .message-action-bin *:first-child:rtl {\n margin-right: 0;\n}\n\n.message .message-action-bin *:last-child:ltr {\n margin-right: 0;\n}\n\n.message .message-action-bin *:last-child:rtl {\n margin-left: 0;\n}\n\n.url-highlighter {\n link-color: #3484e2;\n}\n\n.message-media-control {\n margin: 7px 4px !important;\n padding: 8px !important;\n border-radius: 9999px;\n color: #afafaf;\n}\n\n.message-media-control:hover,\n.message-media-control:focus {\n color: #dedede;\n background-color: rgba(255, 255, 255, 0.1);\n}\n\n.message-media-control:active {\n color: #dedede;\n background-color: rgba(255, 255, 255, 0.16);\n}\n\n.message-media-control:insensitive {\n color: rgba(222, 222, 222, 0.35);\n}\n\n.message-media-control StIcon {\n icon-size: 16px;\n}\n\n.media-message .message-icon {\n border-radius: 6px !important;\n}\n\n.media-message .message-icon.message-themed-icon {\n icon-size: 32px !important;\n}\n\n/* Notifications & Message Tray */\n.notification-banner {\n min-height: 64px;\n width: 34em;\n border-radius: 14px;\n margin: 8px;\n padding: 4px;\n color: #dedede;\n background-color: rgba(36, 36, 36, 0.92);\n border: 1px solid rgba(0, 0, 0, 0.75);\n text-shadow: none;\n box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);\n}\n\n.notification-buttons-bin {\n spacing: 0;\n padding: 0;\n}\n\n.notification-button {\n min-height: 32px;\n padding: 0 8px;\n background-color: rgba(255, 255, 255, 0.05);\n color: #afafaf;\n font-weight: 500;\n border: 1px solid transparent;\n border-radius: 6px;\n}\n\n.notification-button:focus {\n background-color: #242424;\n color: #dedede;\n box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1) !important;\n}\n\n.notification-button:hover {\n background-color: rgba(255, 255, 255, 0.1);\n color: #dedede;\n box-shadow: none;\n}\n\n.notification-button:active,\n.notification-button:checked {\n background-color: rgba(255, 255, 255, 0.16);\n color: #dedede;\n}\n\n.notification-button:insensitive {\n background-color: transparent;\n color: rgba(175, 175, 175, 0.35);\n}\n\n.controls-manager,\n.secondary-monitor-workspaces {\n spacing: 8px;\n}\n\n#overviewGroup {\n background-color: #2a2a2a;\n}\n\n.osd-window {\n spacing: 8px;\n padding: 8px 12px;\n margin-bottom: 4em;\n}\n\n.osd-window > * {\n spacing: 8px;\n}\n\n.osd-window StIcon {\n icon-size: 32px;\n}\n\n.osd-window StLabel:ltr {\n margin-right: 6px;\n}\n\n.osd-window StLabel:rtl {\n margin-left: 6px;\n}\n\n.osd-window .level {\n margin-bottom: 4px;\n min-width: 160px;\n}\n\n.osd-window .level:first-child {\n margin-bottom: 0px;\n}\n\n.osd-window .level:ltr {\n margin-right: 4px;\n}\n\n.osd-window .level:rtl {\n margin-left: 4px;\n}\n\n#appMenu {\n spacing: 4px;\n}\n\n#appMenu .label-shadow {\n color: transparent;\n}\n\n#appMenu .panel-status-menu-box {\n padding: 0 4px;\n spacing: 4px;\n}\n\n.popup-menu-item:ltr {\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.popup-menu-item:rtl {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n.popup-separator-menu-item {\n border: none !important;\n}\n\n.popup-separator-menu-item:ltr {\n margin-right: 4px;\n}\n\n.popup-separator-menu-item:rtl {\n margin-left: 4px;\n}\n\n.popup-separator-menu-item .popup-separator-menu-item-separator {\n height: 1px;\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n.popup-separator-menu-item .popup-menu-ornament {\n width: 0 !important;\n}\n\n.popup-sub-menu .popup-separator-menu-item {\n background-color: transparent;\n}\n\n.popup-sub-menu .popup-separator-menu-item:ltr {\n margin-right: 2.5em;\n}\n\n.popup-sub-menu .popup-separator-menu-item:rtl {\n margin-left: 2.5em;\n}\n\n.popup-sub-menu\n .popup-separator-menu-item\n .popup-separator-menu-item-separator {\n background-color: rgba(255, 255, 255, 0.08);\n}\n\n.aggregate-menu .popup-menu-ornament,\n.aggregate-menu .popup-sub-menu .popup-menu-ornament {\n width: 0 !important;\n}\n\n.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {\n margin-left: 10px;\n}\n\n.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {\n margin-right: 10px;\n}\n\n.app-menu {\n max-width: 27.25em;\n}\n\n.app-menu .popup-menu-ornament {\n width: 0 !important;\n}\n\n.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {\n margin-right: 6px;\n}\n\n.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {\n margin-left: 6px;\n}\n\n.quick-settings {\n padding: 20px !important;\n padding-top: 8px !important;\n border-radius: 33px !important;\n margin-top: 8px !important;\n background: none;\n border: none;\n box-shadow: none;\n border-image: url('assets/menu.svg') 30 30 30 30;\n}\n\n.quick-settings .icon-button,\n.quick-settings .message-notification-group .message-collapse-button,\n.message-notification-group .quick-settings .message-collapse-button,\n.quick-settings .message .message-header .message-expand-button,\n.message .message-header .quick-settings .message-expand-button,\n.quick-settings .message .message-header .message-close-button,\n.message .message-header .quick-settings .message-close-button,\n.quick-settings .button {\n padding: 7px;\n}\n\n.quick-settings .icon-button StIcon,\n.quick-settings .message-notification-group .message-collapse-button StIcon,\n.message-notification-group .quick-settings .message-collapse-button StIcon,\n.quick-settings .message .message-header .message-expand-button StIcon,\n.message .message-header .quick-settings .message-expand-button StIcon,\n.quick-settings .message .message-header .message-close-button StIcon,\n.message .message-header .quick-settings .message-close-button StIcon,\n.quick-settings .button StIcon {\n icon-size: 16px;\n}\n\n.quick-settings-grid {\n spacing-rows: 12px;\n spacing-columns: 12px;\n}\n\n.quick-toggle,\n.quick-toggle-has-menu {\n min-width: 13em;\n max-width: 13em;\n min-height: 3.4em;\n border: none;\n box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.35) !important;\n color: white;\n}\n\n.quick-toggle {\n background-color: rgba(255, 255, 255, 0.15) !important;\n border-radius: 9999px;\n color: white;\n padding: 0 12px;\n /* Move padding into the box; this is to allow menu arrows\n to extend to the border */\n}\n\n.quick-toggle:hover {\n background-color: rgba(255, 255, 255, 0.2) !important;\n color: white;\n}\n\n.quick-toggle:active {\n background-color: rgba(255, 255, 255, 0.25) !important;\n color: white;\n}\n\n.quick-toggle:checked {\n background-color: white !important;\n color: #0091ff;\n}\n\n.quick-toggle:checked:hover {\n color: #0091ff;\n background-color: st-mix(#dadada, white, 6%) !important;\n}\n\n.quick-toggle:checked:active {\n color: #0091ff;\n background-color: st-mix(#dadada, white, 15%) !important;\n}\n\n.quick-toggle > StBoxLayout {\n spacing: 8px;\n}\n\n.quick-toggle.button {\n padding: 0;\n}\n\n.quick-toggle > StBoxLayout {\n padding: 0 8px;\n}\n\n.quick-toggle:ltr > StBoxLayout {\n padding-left: 20px;\n}\n\n.quick-toggle:rtl > StBoxLayout {\n padding-right: 20px;\n}\n\n.quick-toggle .quick-toggle-subtitle {\n font-weight: normal;\n}\n\n.quick-toggle .quick-toggle-icon {\n icon-size: 16px;\n}\n\n.quick-toggle-has-menu {\n background-color: rgba(255, 255, 255, 0.15) !important;\n border-radius: 9999px;\n padding: 4px 0;\n}\n\n.quick-toggle-has-menu:hover {\n background-color: rgba(255, 255, 255, 0.2) !important;\n}\n\n.quick-toggle-has-menu:active {\n background-color: rgba(255, 255, 255, 0.25) !important;\n}\n\n.quick-toggle-has-menu:checked {\n background-color: rgba(255, 255, 255, 0.15) !important;\n}\n\n.quick-toggle-has-menu .quick-toggle {\n min-width: auto;\n max-width: auto;\n}\n\n.quick-toggle-has-menu .quick-toggle,\n.quick-toggle-has-menu .quick-toggle:hover,\n.quick-toggle-has-menu .quick-toggle:active,\n.quick-toggle-has-menu .quick-toggle:checked {\n background: none !important;\n box-shadow: none !important;\n color: white;\n}\n\n.quick-toggle-has-menu .quick-toggle .quick-toggle-icon {\n border-radius: 9999px;\n min-height: 3.4em !important;\n min-width: 3.4em !important;\n background-color: rgba(255, 255, 255, 0.15);\n}\n\n.quick-toggle-has-menu .quick-toggle:hover .quick-toggle-icon {\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n.quick-toggle-has-menu .quick-toggle:active .quick-toggle-icon {\n background-color: rgba(255, 255, 255, 0.25);\n}\n\n.quick-toggle-has-menu .quick-toggle:checked .quick-toggle-icon {\n color: #0091ff;\n background-color: white;\n}\n\n.quick-toggle-has-menu .quick-toggle:ltr {\n border-radius: 9999px;\n}\n\n.quick-toggle-has-menu .quick-toggle:ltr > StBoxLayout {\n padding-left: 12px;\n padding-right: 8px;\n}\n\n.quick-toggle-has-menu .quick-toggle:rtl {\n border-radius: 9999px;\n}\n\n.quick-toggle-has-menu .quick-toggle:rtr > StBoxLayout {\n padding-left: 8px;\n padding-right: 12px;\n}\n\n.quick-toggle-has-menu .quick-toggle:ltr:last-child {\n border-radius: 9999px;\n}\n\n.quick-toggle-has-menu .quick-toggle:rtl:last-child {\n border-radius: 9999px;\n}\n\n.quick-toggle-has-menu .quick-toggle-menu-button {\n padding: 0;\n min-width: 2.4em;\n min-height: 2.4em;\n margin: 1em;\n border-radius: 9999px;\n border: none;\n color: white;\n background-color: transparent;\n}\n\n.quick-toggle-has-menu .quick-toggle-menu-button:hover {\n background-color: rgba(255, 255, 255, 0.2);\n color: white;\n}\n\n.quick-toggle-has-menu .quick-toggle-menu-button:active {\n background-color: rgba(255, 255, 255, 0.25);\n color: white;\n}\n\n.quick-toggle-has-menu .quick-toggle-menu-button:ltr {\n border-radius: 9999px;\n}\n\n.quick-toggle-has-menu .quick-toggle-menu-button:rtl {\n border-radius: 9999px;\n}\n\n.quick-toggle-has-menu .quick-toggle-separator {\n width: 0;\n}\n\n.quick-slider {\n background-color: rgba(255, 255, 255, 0.15);\n border-radius: 24px;\n box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.35) !important;\n padding: 1.636em 0.818em;\n color: white;\n}\n\n.quick-slider > StBoxLayout {\n spacing: 4px;\n}\n\n.quick-slider .icon-button,\n.quick-slider .message-notification-group .message-collapse-button,\n.message-notification-group .quick-slider .message-collapse-button,\n.quick-slider .message .message-header .message-expand-button,\n.message .message-header .quick-slider .message-expand-button,\n.quick-slider .message .message-header .message-close-button,\n.message .message-header .quick-slider .message-close-button {\n padding: 0.6135em;\n color: white;\n}\n\n.quick-slider .icon-button:hover,\n.quick-slider .message-notification-group .message-collapse-button:hover,\n.message-notification-group .quick-slider .message-collapse-button:hover,\n.quick-slider .message .message-header .message-expand-button:hover,\n.message .message-header .quick-slider .message-expand-button:hover,\n.quick-slider .message .message-header .message-close-button:hover,\n.message .message-header .quick-slider .message-close-button:hover {\n background-color: rgba(255, 255, 255, 0.2);\n color: white;\n}\n\n.quick-slider .icon-button:active,\n.quick-slider .message-notification-group .message-collapse-button:active,\n.message-notification-group .quick-slider .message-collapse-button:active,\n.quick-slider .message .message-header .message-expand-button:active,\n.message .message-header .quick-slider .message-expand-button:active,\n.quick-slider .message .message-header .message-close-button:active,\n.message .message-header .quick-slider .message-close-button:active {\n background-color: rgba(255, 255, 255, 0.25);\n color: white;\n}\n\n.quick-slider .slider-bin {\n min-height: 16px;\n padding: 4px;\n border-radius: 9999px;\n}\n\n.quick-slider .slider-bin:focus {\n color: white;\n}\n\n.quick-toggle-menu {\n background-color: rgba(36, 36, 36, 0.92) !important;\n border-radius: 20px;\n padding: 12px;\n margin: 8px 28px 0;\n border: none !important;\n box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.18);\n}\n\n.quick-toggle-menu .popup-menu-item {\n min-height: 20px;\n padding: 8px 12px;\n}\n\n.quick-toggle-menu .popup-menu-item:focus,\n.quick-toggle-menu .popup-menu-item:hover,\n.quick-toggle-menu .popup-menu-item:selected {\n background-color: rgba(255, 255, 255, 0.1) !important;\n color: #dedede !important;\n}\n\n.quick-toggle-menu .popup-menu-item:active {\n background-color: rgba(255, 255, 255, 0.16) !important;\n color: #dedede !important;\n}\n\n.quick-toggle-menu .popup-menu-item > StIcon {\n -st-icon-style: symbolic;\n}\n\n.quick-toggle-menu .header {\n spacing-rows: 2px;\n spacing-columns: 8px;\n padding-bottom: 8px;\n color: #dedede;\n}\n\n.quick-toggle-menu .header .icon {\n icon-size: 16px;\n border-radius: 9999px;\n padding: 10px;\n background-color: rgba(255, 255, 255, 0.05);\n color: #dedede;\n}\n\n.quick-toggle-menu .header .icon.active {\n background-color: #0091ff;\n color: white;\n}\n\n.quick-settings-system-item > StBoxLayout {\n spacing: 8px;\n}\n\n.quick-settings-system-item .icon-button,\n.quick-settings-system-item\n .message-notification-group\n .message-collapse-button,\n.message-notification-group\n .quick-settings-system-item\n .message-collapse-button,\n.quick-settings-system-item .message .message-header .message-expand-button,\n.message .message-header .quick-settings-system-item .message-expand-button,\n.quick-settings-system-item .message .message-header .message-close-button,\n.message .message-header .quick-settings-system-item .message-close-button {\n background-color: rgba(255, 255, 255, 0.15);\n color: white;\n border-radius: 9999px;\n min-height: 28px !important;\n min-width: 28px !important;\n padding: 0.818em;\n box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.35) !important;\n}\n\n.quick-settings-system-item .icon-button:hover,\n.quick-settings-system-item\n .message-notification-group\n .message-collapse-button:hover,\n.message-notification-group\n .quick-settings-system-item\n .message-collapse-button:hover,\n.quick-settings-system-item\n .message\n .message-header\n .message-expand-button:hover,\n.message\n .message-header\n .quick-settings-system-item\n .message-expand-button:hover,\n.quick-settings-system-item\n .message\n .message-header\n .message-close-button:hover,\n.message\n .message-header\n .quick-settings-system-item\n .message-close-button:hover {\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n.quick-settings-system-item .icon-button:active,\n.quick-settings-system-item\n .message-notification-group\n .message-collapse-button:active,\n.message-notification-group\n .quick-settings-system-item\n .message-collapse-button:active,\n.quick-settings-system-item\n .message\n .message-header\n .message-expand-button:active,\n.message\n .message-header\n .quick-settings-system-item\n .message-expand-button:active,\n.quick-settings-system-item\n .message\n .message-header\n .message-close-button:active,\n.message\n .message-header\n .quick-settings-system-item\n .message-close-button:active {\n background-color: rgba(255, 255, 255, 0.25);\n}\n\n.quick-settings-system-item .icon-button > StIcon,\n.quick-settings-system-item .background-app-item .icon-button > StIcon,\n.quick-settings-system-item\n .message-notification-group\n .background-app-item\n .message-collapse-button\n > StIcon,\n.quick-settings-system-item\n .message\n .message-header\n .background-app-item\n .message-expand-button\n > StIcon,\n.quick-settings-system-item\n .message\n .message-header\n .background-app-item\n .message-close-button\n > StIcon,\n.quick-settings-system-item\n .message-notification-group\n .message-collapse-button\n > StIcon,\n.message-notification-group\n .quick-settings-system-item\n .message-collapse-button\n > StIcon,\n.quick-settings-system-item\n .message\n .message-header\n .message-expand-button\n > StIcon,\n.message\n .message-header\n .quick-settings-system-item\n .message-expand-button\n > StIcon,\n.quick-settings-system-item\n .message\n .message-header\n .message-close-button\n > StIcon,\n.message\n .message-header\n .quick-settings-system-item\n .message-close-button\n > StIcon {\n -st-icon-style: symbolic;\n icon-size: 16px;\n}\n\n.quick-settings-system-item .power-item {\n min-height: 0;\n min-width: 0;\n}\n\n.quick-settings-system-item .power-item:insensitive {\n color: rgba(255, 255, 255, 0.35);\n background-color: transparent;\n}\n\n.nm-network-item .wireless-secure-icon {\n icon-size: 8px;\n}\n\n.bt-device-item .popup-menu-icon {\n -st-icon-style: symbolic;\n}\n\n.bt-menu-placeholder.popup-menu-item {\n text-align: center;\n padding: 2em 4em;\n}\n\n.device-subtitle {\n color: rgba(222, 222, 222, 0.5);\n}\n\n.keyboard-brightness-level {\n spacing: 4px;\n}\n\n.background-apps-quick-toggle {\n min-height: 38px;\n padding: 0.818em !important;\n background-color: transparent;\n}\n\n.background-apps-quick-toggle StIcon {\n icon-size: 16px !important;\n}\n\n.background-app-item .popup-menu-icon {\n icon-size: 24px !important;\n -st-icon-style: regular !important;\n}\n\n.background-app-item .icon-button,\n.background-app-item .message-notification-group .message-collapse-button,\n.message-notification-group .background-app-item .message-collapse-button,\n.background-app-item .message .message-header .message-expand-button,\n.message .message-header .background-app-item .message-expand-button,\n.background-app-item .message .message-header .message-close-button,\n.message .message-header .background-app-item .message-close-button {\n padding: 4px;\n}\n\n.background-app-item .spinner {\n padding: 4px;\n}\n\n.background-app-item.popup-inactive-menu-item {\n color: #dedede;\n}\n\n#unlockDialogNotifications StButton#vhandle,\n#unlockDialogNotifications StButton#hhandle {\n background-color: rgba(51, 51, 51, 0.3);\n}\n\n#unlockDialogNotifications StButton#vhandle:hover,\n#unlockDialogNotifications StButton#vhandle:focus,\n#unlockDialogNotifications StButton#hhandle:hover,\n#unlockDialogNotifications StButton#hhandle:focus {\n background-color: rgba(51, 51, 51, 0.5);\n}\n\n#unlockDialogNotifications StButton#vhandle:active,\n#unlockDialogNotifications StButton#hhandle:active {\n background-color: st-transparentize(#0091ff, 0.5);\n}\n\n.icon-label-button-container {\n spacing: 4px;\n font-size: 9pt;\n font-weight: 400;\n}\n\n.icon-label-button-container StIcon {\n icon-size: 32px;\n}\n\n.screenshot-ui-panel {\n border-radius: 28px;\n padding: 12px;\n margin-bottom: 4em;\n spacing: 12px;\n color: #d3d7df;\n background-color: rgba(42, 42, 42, 0.96);\n border: 1px solid rgba(0, 0, 0, 0.75);\n box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);\n}\n\n.screenshot-ui-close-button {\n padding: 4px !important;\n}\n\n.screenshot-ui-close-button.left {\n margin-left: 6px;\n}\n\n.screenshot-ui-close-button.right {\n margin-right: 6px;\n}\n\n.screenshot-ui-type-button {\n min-width: 48px;\n padding: 12px 16px !important;\n border-radius: 16px;\n}\n\n.screenshot-ui-capture-button {\n width: 36px;\n height: 36px;\n border-radius: 9999px;\n border: 4px white;\n padding: 4px;\n}\n\n.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {\n background-color: white;\n transition-duration: 200ms;\n border-radius: 9999px;\n}\n\n.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover,\n.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {\n background-color: rgba(255, 255, 255, 0.1);\n}\n\n.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle,\n.screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {\n background-color: #d9d9d9;\n}\n\n.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {\n background-color: gray;\n}\n\n.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {\n background-color: #ed5f5d;\n}\n\n.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle,\n.screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {\n background-color: #f07674;\n}\n\n.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {\n background-color: #e93f3d;\n}\n\n.screenshot-ui-shot-cast-container {\n background-color: rgba(255, 255, 255, 0.06);\n border-radius: 6px;\n padding: 2px;\n spacing: 2px;\n}\n\n.screenshot-ui-shot-cast-container:ltr {\n margin-left: 0px;\n}\n\n.screenshot-ui-shot-cast-container:rtl {\n margin-right: 0px;\n}\n\n.screenshot-ui-shot-cast-button {\n padding: 4px 8px;\n background-color: transparent;\n border-radius: 4px;\n}\n\n.screenshot-ui-shot-cast-button:hover,\n.screenshot-ui-shot-cast-button:focus {\n background-color: rgba(255, 255, 255, 0.1);\n}\n\n.screenshot-ui-shot-cast-button:active {\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n.screenshot-ui-shot-cast-button:checked {\n background-color: white;\n color: black;\n}\n\n.screenshot-ui-shot-cast-button StIcon {\n icon-size: 16px;\n}\n\n.screenshot-ui-show-pointer-button {\n border-radius: 9999px;\n padding: 15px !important;\n}\n\n.screenshot-ui-show-pointer-button StIcon {\n icon-size: 16px;\n}\n\n.screenshot-ui-area-indicator-shade {\n background-color: rgba(0, 0, 0, 0.3);\n}\n\n.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {\n background-color: rgba(0, 0, 0, 0.5);\n}\n\n.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {\n border: 2px white;\n}\n\n.screenshot-ui-area-selector-handle {\n border-radius: 9999px;\n background-color: white;\n box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);\n width: 24px;\n height: 24px;\n}\n\n.screenshot-ui-window-selector {\n background-color: rgba(42, 42, 42, 0.96);\n}\n\n.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {\n margin: 100px;\n}\n\n.screenshot-ui-window-selector:primary-monitor\n .screenshot-ui-window-selector-window-container {\n margin-bottom: 200px;\n}\n\n.screenshot-ui-window-selector-window-border {\n transition-duration: 200ms;\n border-radius: 6px;\n border: 6px transparent;\n}\n\n.screenshot-ui-window-selector-check {\n transition-duration: 200ms;\n color: transparent;\n border-radius: 9999px;\n border-width: 12px;\n icon-size: 24px;\n}\n\n.screenshot-ui-window-selector-window:hover\n .screenshot-ui-window-selector-window-border {\n border-color: st-darken(#0091ff, 15%);\n}\n\n.screenshot-ui-window-selector-window:checked\n .screenshot-ui-window-selector-window-border {\n border-color: #0091ff;\n background-color: st-transparentize(#0091ff, 0.8);\n}\n\n.screenshot-ui-window-selector-window:checked\n .screenshot-ui-window-selector-check {\n color: white;\n background-color: #0091ff;\n}\n\n.screenshot-ui-screen-selector {\n transition-duration: 200ms;\n background-color: rgba(0, 0, 0, 0.5);\n}\n\n.screenshot-ui-screen-selector:hover {\n background-color: rgba(0, 0, 0, 0.3);\n}\n\n.screenshot-ui-screen-selector:active {\n background-color: rgba(0, 0, 0, 0.7);\n}\n\n.screenshot-ui-screen-selector:checked {\n background-color: transparent;\n border: 2px white;\n}\n\n.screenshot-ui-tooltip {\n color: #d3d7df;\n background-color: rgba(42, 42, 42, 0.96);\n border-radius: 9999px;\n padding: 4px 8px;\n text-align: center;\n -y-offset: 24px;\n}\n\n.search-entry {\n margin-top: 16px;\n margin-bottom: 4px;\n}\n\n/* Slider */\n.slider {\n height: 8px;\n color: white;\n border-radius: 8px;\n -slider-handle-radius: 4px;\n -barlevel-height: 8px;\n -barlevel-background-color: rgba(255, 255, 255, 0.1);\n -barlevel-active-background-color: white;\n -barlevel-overdrive-color: #ed5f5d;\n -barlevel-overdrive-separator-width: 1px;\n}\n\n.slider:hover {\n color: white;\n}\n\n/* Switches */\n.toggle-switch {\n width: 40px;\n height: 18px;\n border-radius: 9999px;\n background: rgba(222, 222, 222, 0.1);\n}\n\n.toggle-switch:hover {\n background: rgba(222, 222, 222, 0.2);\n}\n\n.toggle-switch StIcon {\n icon-size: 0;\n}\n\n.toggle-switch .handle {\n margin: 2px;\n width: 22px;\n height: 14px;\n background: white;\n border-radius: 9999px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n transition-duration: 100ms;\n}\n\n.toggle-switch:checked {\n background: #0091ff;\n color: #0091ff;\n}\n\n.toggle-switch:checked:hover {\n background: st-lighten(#0091ff, 10%);\n color: #0091ff;\n}\n\n.toggle-switch:checked .handle {\n background: white;\n}\n\n.window-picker {\n spacing: 4px;\n}\n\n.window-caption {\n color: rgba(255, 255, 255, 0.85);\n background-color: rgba(0, 0, 0, 0.75);\n border-radius: 9999px;\n padding: 4px 8px;\n}\n\n.window-close,\n.screenshot-ui-close-button {\n background-color: #ed5f5d;\n color: white;\n border-radius: 9999px;\n padding: 3px;\n height: 30px;\n width: 30px;\n box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);\n transition-duration: 300ms;\n background-image: url('assets/window-close-symbolic.svg');\n}\n\n.window-close StIcon,\n.screenshot-ui-close-button StIcon {\n color: white;\n icon-size: 1px;\n}\n\n.window-close:hover,\n.screenshot-ui-close-button:hover {\n color: white;\n background-color: #f07a79;\n}\n\n.window-close:active,\n.screenshot-ui-close-button:active {\n color: white;\n background-color: #ea4441;\n}\n\n.workspace-background {\n border-radius: 30px;\n background-color: rgba(42, 42, 42, 0.96);\n box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);\n}\n\n/* Workspace pager */\n.workspace-thumbnails {\n visible-width: 32px;\n spacing: 4px;\n padding: 4px;\n}\n\n.workspace-thumbnails .workspace-thumbnail {\n color: rgba(255, 255, 255, 0.85);\n background-color: rgba(255, 255, 255, 0.12);\n border: none;\n border-radius: 6px;\n}\n\n.workspace-thumbnails .placeholder {\n background-image: url('assets/dash-placeholder.svg');\n background-size: contain;\n width: 18px;\n height: 24px;\n}\n\n.workspace-thumbnail-indicator {\n border: 3px solid #0091ff;\n border-radius: 9px;\n padding: 0px;\n}\n\n.bottom #dashtodockDashScrollview,\n.top #dashtodockDashScrollview {\n -st-hfade-offset: 24px;\n}\n\n.left #dashtodockDashScrollview,\n.right #dashtodockDashScrollview {\n -st-vfade-offset: 24px;\n}\n\n#dashtodockContainer {\n background-color: transparent;\n box-shadow: none;\n}\n\n#dashtodockContainer .number-overlay {\n color: white;\n background-color: rgba(0, 0, 0, 0.75);\n text-align: center;\n}\n\n#dashtodockContainer .notification-badge {\n color: white;\n background-color: #0091ff;\n box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);\n border-radius: 9999px;\n margin: 2px 3px 5px;\n padding: 0.2em 0.6em;\n font-weight: bold;\n text-align: center;\n}\n\n#dashtodockContainer.top.straight-corner #dash,\n#dashtodockContainer.top.shrink.straight-corner #dash,\n#dashtodockContainer.top.extended #dash {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n#dashtodockContainer.top.straight-corner #dash .dash-background,\n#dashtodockContainer.top.shrink.straight-corner #dash .dash-background,\n#dashtodockContainer.top.extended #dash .dash-background {\n border-radius: 0;\n border-width: 0;\n border-bottom-width: 1px;\n margin: 0 !important;\n box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05);\n}\n\n#dashtodockContainer.bottom.straight-corner #dash,\n#dashtodockContainer.bottom.shrink.straight-corner #dash,\n#dashtodockContainer.bottom.extended #dash {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n#dashtodockContainer.bottom.straight-corner #dash .dash-background,\n#dashtodockContainer.bottom.shrink.straight-corner #dash .dash-background,\n#dashtodockContainer.bottom.extended #dash .dash-background {\n border-radius: 0;\n border-width: 0;\n border-top-width: 1px;\n margin: 0 !important;\n box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);\n}\n\n#dashtodockContainer.left.straight-corner #dash,\n#dashtodockContainer.left.shrink.straight-corner #dash,\n#dashtodockContainer.left.extended #dash {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n#dashtodockContainer.left.straight-corner #dash .dash-background,\n#dashtodockContainer.left.shrink.straight-corner #dash .dash-background,\n#dashtodockContainer.left.extended #dash .dash-background {\n border-radius: 0;\n border-width: 0;\n border-right-width: 1px;\n margin: 0 !important;\n box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05);\n}\n\n#dashtodockContainer.right.straight-corner #dash,\n#dashtodockContainer.right.shrink.straight-corner #dash,\n#dashtodockContainer.right.extended #dash {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n#dashtodockContainer.right.straight-corner #dash .dash-background,\n#dashtodockContainer.right.shrink.straight-corner #dash .dash-background,\n#dashtodockContainer.right.extended #dash .dash-background {\n border-radius: 0;\n border-width: 0;\n border-left-width: 1px;\n margin: 0 !important;\n box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05);\n}\n\n#dashtodockContainer.left #dash,\n#dashtodockContainer.right #dash {\n margin-top: 0 !important;\n padding: 8px !important;\n}\n\n#dashtodockContainer.left #dash #dashtodockDashContainer,\n#dashtodockContainer.right #dash #dashtodockDashContainer {\n padding: 8px 0 !important;\n}\n\n#dashtodockContainer.left #dash .dash-background,\n#dashtodockContainer.right #dash .dash-background {\n margin-bottom: 0 !important;\n padding: 8px !important;\n}\n\n#dashtodockContainer.left #dash .overview-tile,\n#dashtodockContainer.left #dash .show-apps,\n#dashtodockContainer.right #dash .overview-tile,\n#dashtodockContainer.right #dash .show-apps {\n padding: 1.5px 4px !important;\n}\n\n#dashtodockContainer.left.extended #dash #dashtodockDashContainer,\n#dashtodockContainer.right.extended #dash #dashtodockDashContainer {\n padding: 0 !important;\n}\n\n#dashtodockContainer.left.extended\n #dash\n #dashtodockDashContainer\n #dashtodockDashScrollview:first-child,\n#dashtodockContainer.right.extended\n #dash\n #dashtodockDashContainer\n #dashtodockDashScrollview:first-child {\n padding-top: 0 !important;\n}\n\n#dashtodockContainer.left.extended\n #dash\n #dashtodockDashContainer\n #dashtodockDashScrollview:last-child,\n#dashtodockContainer.right.extended\n #dash\n #dashtodockDashContainer\n #dashtodockDashScrollview:last-child {\n padding-bottom: 0 !important;\n}\n\n#dashtodockContainer.left.extended\n #dash\n #dashtodockDashContainer\n > :first-child\n .show-apps,\n#dashtodockContainer.right.extended\n #dash\n #dashtodockDashContainer\n > :first-child\n .show-apps {\n padding-bottom: 6px !important;\n}\n\n#dashtodockContainer.left.extended\n #dash\n #dashtodockDashContainer\n > :last-child\n .show-apps,\n#dashtodockContainer.right.extended\n #dash\n #dashtodockDashContainer\n > :last-child\n .show-apps {\n padding-bottom: 14px !important;\n}\n\n#dashtodockContainer.top.extended #dash .overview-tile,\n#dashtodockContainer.top.extended #dash .show-apps,\n#dashtodockContainer.bottom.extended #dash .overview-tile,\n#dashtodockContainer.bottom.extended #dash .show-apps {\n padding: 4px 1.5px !important;\n}\n\n#dashtodockContainer.top.extended #dash #dashtodockDashContainer,\n#dashtodockContainer.bottom.extended #dash #dashtodockDashContainer {\n padding: 0 !important;\n}\n\n#dashtodockContainer.top.extended\n #dash\n #dashtodockDashContainer\n #dashtodockDashScrollview:first-child,\n#dashtodockContainer.bottom.extended\n #dash\n #dashtodockDashContainer\n #dashtodockDashScrollview:first-child {\n padding-left: 0 !important;\n}\n\n#dashtodockContainer.top.extended\n #dash\n #dashtodockDashContainer\n #dashtodockDashScrollview:last-child,\n#dashtodockContainer.bottom.extended\n #dash\n #dashtodockDashContainer\n #dashtodockDashScrollview:last-child {\n padding-right: 0 !important;\n}\n\n#dashtodockContainer.top.extended\n #dash\n #dashtodockDashContainer\n > :first-child\n .show-apps,\n#dashtodockContainer.bottom.extended\n #dash\n #dashtodockDashContainer\n > :first-child\n .show-apps {\n padding-left: 6px !important;\n}\n\n#dashtodockContainer.top.extended\n #dash\n #dashtodockDashContainer\n > :last-child\n .show-apps,\n#dashtodockContainer.bottom.extended\n #dash\n #dashtodockDashContainer\n > :last-child\n .show-apps {\n padding-right: 14px !important;\n}\n\n#dashtodockContainer #dash {\n background: none;\n box-shadow: none;\n}\n\n#dashtodockContainer #dash .app-grid-running-dot {\n background-color: rgba(255, 255, 255, 0.75);\n margin: 0 !important;\n offset-y: 0 !important;\n}\n\n#dashtodockContainer #dash StWidget.focused .app-grid-running-dot {\n background-color: #0091ff;\n}\n\n#dashtodockContainer #dash .show-apps {\n margin: 0;\n}\n\n#dashtodockContainer #dash .show-apps:hover .overview-icon,\n#dashtodockContainer #dash .show-apps:focus .overview-icon,\n#dashtodockContainer #dash .overview-tile:hover .overview-icon,\n#dashtodockContainer #dash .overview-tile:focus .overview-icon {\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n#dashtodockContainer #dash .show-apps:active .overview-icon,\n#dashtodockContainer #dash .show-apps:highlighted .overview-icon,\n#dashtodockContainer #dash .show-apps:selected .overview-icon,\n#dashtodockContainer #dash .show-apps:checked .overview-icon,\n#dashtodockContainer #dash .overview-tile:active .overview-icon,\n#dashtodockContainer #dash .overview-tile:highlighted .overview-icon,\n#dashtodockContainer #dash .overview-tile:selected .overview-icon,\n#dashtodockContainer #dash .overview-tile:checked .overview-icon {\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n#dashtodockContainer #dash .dash-background {\n background-color: rgba(255, 255, 255, 0.1);\n border: none;\n box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);\n}\n\n#dashtodockContainer #dash .dash-separator {\n background-color: rgba(255, 255, 255, 0.1);\n}\n\n#dashtodockContainer:overview #dash {\n background: none;\n}\n\n#dashtodockContainer:overview #dash .show-apps,\n#dashtodockContainer:overview #dash .overview-tile {\n color: white;\n}\n\n#dashtodockContainer:overview #dash .show-apps:hover .overview-icon,\n#dashtodockContainer:overview #dash .show-apps:focus .overview-icon,\n#dashtodockContainer:overview #dash .show-apps:selected .overview-icon,\n#dashtodockContainer:overview #dash .overview-tile:hover .overview-icon,\n#dashtodockContainer:overview #dash .overview-tile:focus .overview-icon,\n#dashtodockContainer:overview #dash .overview-tile:selected .overview-icon {\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n#dashtodockContainer:overview #dash .show-apps:active .overview-icon,\n#dashtodockContainer:overview #dash .show-apps:checked .overview-icon,\n#dashtodockContainer:overview #dash .overview-tile:active .overview-icon,\n#dashtodockContainer:overview #dash .overview-tile:checked .overview-icon {\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n#dashtodockContainer:overview #dash .dash-background {\n background-color: rgba(255, 255, 255, 0.12);\n border: none;\n box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);\n}\n\n#dashtodockContainer:overview #dash .app-grid-running-dot {\n background-color: rgba(255, 255, 255, 0.85);\n}\n\n#dashtodockContainer:overview #dash StWidget.focused .app-grid-running-dot {\n background-color: #0091ff;\n}\n\n#dashtodockContainer.opaque:overview #dash,\n#dashtodockContainer.transparent:overview #dash {\n background-color: transparent;\n box-shadow: none;\n}\n\n#dashtodockContainer.opaque:overview .dash-background,\n#dashtodockContainer.transparent:overview .dash-background {\n background-color: transparent;\n}\n\n#dashtodockContainer.opaque.extended:overview #dash,\n#dashtodockContainer.transparent.extended:overview #dash {\n background: none;\n}\n\n#dashtodockContainer.opaque.extended:overview .dash-background,\n#dashtodockContainer.transparent.extended:overview .dash-background {\n background-color: transparent !important;\n border: none !important;\n box-shadow: none !important;\n}\n\n#dashtodockContainer.running-dots .dash-item-container > StButton,\n#dashtodockContainer.dashtodock .dash-item-container > StButton {\n transition-duration: 250ms;\n background-size: contain;\n}\n\n#dashtodockContainer.extended .overview-tile .overview-icon,\n#dashtodockContainer.extended .show-apps .overview-icon,\n#dashtodockContainer.extended:overview .overview-tile .overview-icon,\n#dashtodockContainer.extended:overview .show-apps .overview-icon {\n border-radius: 6px;\n}\n\n#dashtodockContainer .metro .overview-tile {\n border-radius: 0;\n}\n\n.dashtodock-app-well-preview-menu-item {\n padding: 1em 1em 0.5em 1em;\n}\n\n#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {\n width: 1px;\n height: auto;\n border-right-width: 1px;\n margin: 32px 0;\n}\n\n#preview-menu {\n margin: 0 6px 6px !important;\n padding-bottom: 8px !important;\n}\n\n#preview-menu,\n#preview-menu:hover,\n#preview-menu:selected {\n border-radius: 24px !important;\n}\n\n.openweather-button,\n.openweather-button-action,\n.openweather-menu-button-container,\n.openweather-button-box {\n border: 1px solid transparent !important;\n}\n\n.openweather-provider {\n padding: 0 16px;\n font-weight: 500;\n color: #dedede;\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n border: 1px solid transparent !important;\n}\n\n.openweather-provider:hover {\n color: #dedede;\n background-color: rgba(255, 255, 255, 0.1);\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.openweather-provider:focus {\n color: #dedede;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.openweather-provider:focus,\n.openweather-provider:focus:hover,\n.openweather-provider:focus:active {\n box-shadow: none !important;\n}\n\n.openweather-provider:active {\n color: #dedede;\n background-color: rgba(255, 255, 255, 0.16);\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.openweather-current-icon,\n.openweather-current-summary,\n.openweather-current-summarybox {\n background: none;\n color: #dedede;\n}\n\n.openweather-current-databox-values {\n background: none;\n color: #999999;\n}\n\n.openweather-current-databox-captions {\n background: none;\n color: #999999;\n}\n\n.openweather-forecast-icon,\n.openweather-forecast-summary {\n background: none;\n color: #afafaf;\n}\n\n.openweather-forecast-day,\n.openweather-forecast-temperature {\n background: none;\n color: #999999;\n}\n\n.openweather-sunrise-icon,\n.openweather-sunset-icon,\n.openweather-build-icon {\n color: #afafaf;\n}\n\n.gsconnect-device-menu {\n background-color: rgba(255, 255, 255, 0.05);\n border-radius: 6px;\n margin: 0 3px;\n padding: 6px 0;\n box-shadow: none;\n}\n\n.gsconnect-device-menu .popup-menu-item {\n margin: 0 3px !important;\n height: 16px !important;\n border-radius: 6px !important;\n}\n\n.gsconnect-device-menu .popup-menu-item:hover {\n color: #dedede !important;\n background-color: rgba(222, 222, 222, 0.1) !important;\n}\n\n.gsconnect-device-menu .popup-menu-item > :first-child:ltr {\n padding-left: 0 !important;\n margin-left: 0 !important;\n}\n\n.gsconnect-device-menu .popup-menu-item > :first-child:rtl {\n padding-right: 0 !important;\n margin-right: 0 !important;\n}\n\n.cosmic-solid-bg {\n background-color: #222222;\n}\n\n.cosmic-dock #dock {\n background-color: transparent;\n}\n\n.cosmic-dock #dock .dash-background {\n background-color: rgba(255, 255, 255, 0.1);\n border: 1px solid rgba(0, 0, 0, 0.75);\n box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);\n}\n\n.cosmic-dock.extended #dash {\n margin-left: 0;\n margin-right: 0;\n margin-top: 0;\n margin-bottom: 0;\n padding: 0 0;\n}\n\n.cosmic-dock.extended #dash .dash-background {\n border-radius: 0;\n margin-left: 0;\n margin-right: 0;\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.place-menu-item:ltr {\n padding-left: 0 !important;\n padding-right: 20px !important;\n}\n\n.place-menu-item:rtl {\n padding-right: 0 !important;\n padding-left: 20px !important;\n}\n\n.place-menu-item StLabel {\n margin-left: 2px;\n}\n\n.place-menu-item .button {\n border-radius: 9999px;\n padding: 2px;\n}\n\n.place-menu-item .button:ltr {\n margin-left: 0 !important;\n}\n\n.place-menu-item .button:rtl {\n margin-right: 0 !important;\n}\n\n.popup-menu-container {\n padding: 8px !important;\n min-width: 20em !important;\n}\n\n.popup-menu-control-icon {\n min-height: 24px !important;\n min-width: 24px !important;\n border-radius: 9999px !important;\n}\n\n.popup-menu-player-icons-icon {\n background: rgba(255, 255, 255, 0.1) !important;\n}\n" }, { "path": "gtk/Tahoe-Dark/gnome-shell/pad-osd.css", "content": ".Leader {\n stroke-width: .5 !important;\n stroke: #333333;\n fill: none !important;\n}\n\n.Button {\n stroke-width: .25;\n stroke: #ededed;\n fill: #ededed;\n}\n\n.Ring {\n stroke-width: .5 !important;\n stroke: #333333 !important;\n fill: none !important;\n}\n\n.Label {\n stroke: none !important;\n stroke-width: .1 !important;\n font-size: .1 !important;\n fill: transparent !important;\n}\n\n.TouchStrip, .TouchRing {\n stroke-width: .1 !important;\n stroke: #ededed !important;\n fill: #333333 !important;\n}\n" }, { "path": "gtk/Tahoe-Dark/gtk-3.0/gtk-dark.css", "content": "@import url(\"resource:///org/gnome/theme/gtk-dark.css\");\n" }, { "path": "gtk/Tahoe-Dark/gtk-3.0/gtk.css", "content": "@import url(\"resource:///org/gnome/theme/gtk.css\");\n" }, { "path": "gtk/Tahoe-Dark/gtk-3.0/libadwaita-tweaks.css", "content": "/*\n This file will fix some legacy widget styles that aren't styled in libadwaita\n*/\n\n@define-color accent_bg_color @blue_3;\n@define-color accent_fg_color white;\n\n/* add a bg color to notebook headers */\nnotebook > header {\n background-color: @headerbar_bg_color;\n border-color: mix(currentColor,@window_bg_color,0.85);\n}\n\n:root {\n --accent-blue: #3584e4;\n --accent-teal: #2190a4;\n --accent-green: #3a944a;\n --accent-yellow: #c88800;\n --accent-orange: #ed5b00;\n --accent-red: #e62d42;\n --accent-pink: #d56199;\n --accent-purple: #9141ac;\n --accent-slate: #6f8396;\n\n --accent-color: var(--accent-bg-color);\n --accent-bg-color: var(--accent-blue);\n --accent-fg-color: @accent_fg_color;\n}\n" }, { "path": "gtk/Tahoe-Dark/gtk-3.0/libadwaita.css", "content": ":root { --blue-1: #99c1f1; --blue-2: #62a0ea; --blue-3: #3584e4; --blue-4: #1c71d8; --blue-5: #1a5fb4; --green-1: #8ff0a4; --green-2: #57e389; --green-3: #33d17a; --green-4: #2ec27e; --green-5: #26a269; --yellow-1: #f9f06b; --yellow-2: #f8e45c; --yellow-3: #f6d32d; --yellow-4: #f5c211; --yellow-5: #e5a50a; --orange-1: #ffbe6f; --orange-2: #ffa348; --orange-3: #ff7800; --orange-4: #e66100; --orange-5: #c64600; --red-1: #f66151; --red-2: #ed333b; --red-3: #e01b24; --red-4: #c01c28; --red-5: #a51d2d; --purple-1: #dc8add; --purple-2: #c061cb; --purple-3: #9141ac; --purple-4: #813d9c; --purple-5: #613583; --brown-1: #cdab8f; --brown-2: #b5835a; --brown-3: #986a44; --brown-4: #865e3c; --brown-5: #63452c; --light-1: #ffffff; --light-2: #f6f5f4; --light-3: #deddda; --light-4: #c0bfbc; --light-5: #9a9996; --dark-1: #77767b; --dark-2: #5e5c64; --dark-3: #3d3846; --dark-4: #241f31; --dark-5: #000000; }\n\n@define-color blue_1 #99c1f1;\n@define-color blue_2 #62a0ea;\n@define-color blue_3 #3584e4;\n@define-color blue_4 #1c71d8;\n@define-color blue_5 #1a5fb4;\n@define-color green_1 #8ff0a4;\n@define-color green_2 #57e389;\n@define-color green_3 #33d17a;\n@define-color green_4 #2ec27e;\n@define-color green_5 #26a269;\n@define-color yellow_1 #f9f06b;\n@define-color yellow_2 #f8e45c;\n@define-color yellow_3 #f6d32d;\n@define-color yellow_4 #f5c211;\n@define-color yellow_5 #e5a50a;\n@define-color orange_1 #ffbe6f;\n@define-color orange_2 #ffa348;\n@define-color orange_3 #ff7800;\n@define-color orange_4 #e66100;\n@define-color orange_5 #c64600;\n@define-color red_1 #f66151;\n@define-color red_2 #ed333b;\n@define-color red_3 #e01b24;\n@define-color red_4 #c01c28;\n@define-color red_5 #a51d2d;\n@define-color purple_1 #dc8add;\n@define-color purple_2 #c061cb;\n@define-color purple_3 #9141ac;\n@define-color purple_4 #813d9c;\n@define-color purple_5 #613583;\n@define-color brown_1 #cdab8f;\n@define-color brown_2 #b5835a;\n@define-color brown_3 #986a44;\n@define-color brown_4 #865e3c;\n@define-color brown_5 #63452c;\n@define-color light_1 #ffffff;\n@define-color light_2 #f6f5f4;\n@define-color light_3 #deddda;\n@define-color light_4 #c0bfbc;\n@define-color light_5 #9a9996;\n@define-color dark_1 #77767b;\n@define-color dark_2 #5e5c64;\n@define-color dark_3 #3d3846;\n@define-color dark_4 #241f31;\n@define-color dark_5 #000000;\n:root { --accent-blue: #3584e4; --accent-teal: #2190a4; --accent-green: #3a944a; --accent-yellow: #c88800; --accent-orange: #ed5b00; --accent-red: #e62d42; --accent-pink: #d56199; --accent-purple: #9141ac; --accent-slate: #6f8396; --accent-bg-color: @accent_bg_color; --accent-fg-color: @accent_fg_color; --destructive-bg-color: @destructive_bg_color; --destructive-fg-color: @destructive_fg_color; --success-bg-color: @success_bg_color; --success-fg-color: @success_fg_color; --warning-bg-color: @warning_bg_color; --warning-fg-color: @warning_fg_color; --error-bg-color: @error_bg_color; --error-fg-color: @error_fg_color; --window-bg-color: @window_bg_color; --window-fg-color: @window_fg_color; --view-bg-color: @view_bg_color; --view-fg-color: @view_fg_color; --headerbar-bg-color: @headerbar_bg_color; --headerbar-fg-color: @headerbar_fg_color; --headerbar-border-color: @headerbar_border_color; --headerbar-backdrop-color: @headerbar_backdrop_color; --headerbar-shade-color: @headerbar_shade_color; --headerbar-darker-shade-color: @headerbar_darker_shade_color; --sidebar-bg-color: @sidebar_bg_color; --sidebar-fg-color: @sidebar_fg_color; --sidebar-backdrop-color: @sidebar_backdrop_color; --sidebar-border-color: @sidebar_border_color; --sidebar-shade-color: @sidebar_shade_color; --secondary-sidebar-bg-color: @secondary_sidebar_bg_color; --secondary-sidebar-fg-color: @secondary_sidebar_fg_color; --secondary-sidebar-backdrop-color: @secondary_sidebar_backdrop_color; --secondary-sidebar-border-color: @secondary_sidebar_border_color; --secondary-sidebar-shade-color: @secondary_sidebar_shade_color; --card-bg-color: @card_bg_color; --card-fg-color: @card_fg_color; --card-shade-color: @card_shade_color; --dialog-bg-color: @dialog_bg_color; --dialog-fg-color: @dialog_fg_color; --popover-bg-color: @popover_bg_color; --popover-fg-color: @popover_fg_color; --popover-shade-color: @popover_shade_color; --thumbnail-bg-color: @thumbnail_bg_color; --thumbnail-fg-color: @thumbnail_fg_color; --shade-color: @shade_color; --scrollbar-outline-color: @scrollbar_outline_color; }\n\n:root { --border-color: color-mix(in srgb, currentColor var(--border-opacity), transparent); --border-opacity: 15%; --dim-opacity: 55%; --disabled-opacity: 50%; }\n\n:root { --window-radius: 15px; }\n\n.background { color: var(--window-fg-color); background-color: var(--window-bg-color); }\n\ndnd { color: var(--window-fg-color); }\n\n.normal-icons { -gtk-icon-size: 16px; }\n\n.large-icons { -gtk-icon-size: 32px; }\n\n.osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents, .app-notification, dialog-host > dialog.osd:not(progressbar):not(button):not(menubutton):not(splitbutton) sheet, .osd:not(progressbar):not(button):not(menubutton):not(splitbutton):not(inline-view-switcher) { --accent-bg-color: RGB(255 255 255 / 75%); --accent-fg-color: RGB(0 0 0 / 75%); --scrollbar-outline-color: RGB(0 0 0 / 50%); --standalone-color-oklab: Max(l, 0.85) a b; --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab)); --destructive-color: oklab(from var(--destructive-bg-color) var(--standalone-color-oklab)); --success-color: oklab(from var(--success-bg-color) var(--standalone-color-oklab)); --warning-color: oklab(from var(--warning-bg-color) var(--standalone-color-oklab)); --error-color: oklab(from var(--error-bg-color) var(--standalone-color-oklab)); color: RGB(255 255 255/90%); border: none; background-color: RGB(0 0 0/70%); background-clip: padding-box; }\n\n/* Text selection */\nselection { background-color: color-mix(in srgb, var(--view-fg-color) 10%, transparent); color: transparent; }\n\nselection:focus-within { background-color: color-mix(in srgb, var(--accent-bg-color) 30%, transparent); }\n\n:not(window):drop(active):focus, :not(window):drop(active) { border-color: var(--accent-bg-color); box-shadow: inset 0 0 0 1px var(--accent-bg-color); caret-color: var(--accent-bg-color); }\n\n.navigation-sidebar :not(window):drop(active):focus, .navigation-sidebar :not(window):drop(active), placessidebar :not(window):drop(active):focus, placessidebar :not(window):drop(active), stackswitcher :not(window):drop(active):focus, stackswitcher :not(window):drop(active), expander-widget :not(window):drop(active):focus, expander-widget :not(window):drop(active) { box-shadow: none; }\n\n/* Outline for low res icons */\n.lowres-icon { -gtk-icon-shadow: 0 -1px RGB(0 0 6/5%), 1px 0 RGB(0 0 6/10%), 0 1px RGB(0 0 6/30%), -1px 0 RGB(0 0 6/10%); }\n\n/* Drop shadow for large icons */\n.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px RGB(0 0 6/5%), 0 -1px RGB(0 0 6/5%), 1px 0 RGB(0 0 6/10%), 0 1px RGB(0 0 6/30%), -1px 0 RGB(0 0 6/10%); }\n\n@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, var(--accent-color) 0%, transparent 0%); }\n to { background-image: radial-gradient(farthest-side, var(--accent-color) 95%, transparent); } }\n\nstacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, var(--accent-color) 96%, transparent); background-size: 6px 6px; background-repeat: no-repeat; background-position: right 3px; }\n\nstacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px; }\n\navatar { border-radius: 9999px; font-weight: bold; }\n\navatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; }\n\navatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; }\n\navatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; }\n\navatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; }\n\navatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; }\n\navatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; }\n\navatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; }\n\navatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; }\n\navatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; }\n\navatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; }\n\navatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; }\n\navatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; }\n\navatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; }\n\navatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; }\n\navatar.contrasted { color: white; }\n\navatar.image { background: none; }\n\nbottom-sheet > dimming { background-color: RGB(from var(--shade-color) r g b/calc(alpha * 2)); }\n\nbottom-sheet > sheet { box-shadow: 0 2px 8px 2px RGB(0 0 6/7%), 0 3px 20px 10px RGB(0 0 6/5%), 0 6px 32px 16px RGB(0 0 6/2%), 0 0 0 1px RGB(0 0 6 / 5%); transition: border-radius 100ms ease-out, box-shadow 250ms ease; }\n\nbottom-sheet > sheet > stack > widget > drag-handle { background-color: color-mix(in srgb, currentColor 25%, transparent); min-width: 54px; min-height: 6px; margin: 15px; border-radius: 99px; }\n\nbottom-sheet > sheet > outline { box-shadow: inset 1px 0 RGB(255 255 255/7%), inset -1px 0 RGB(255 255 255/7%), inset 0 1px RGB(255 255 255/7%); transition: border-radius 100ms ease-out; }\n\nbottom-sheet > sheet > stack > button { border-radius: 0; padding: 0; min-width: 0; min-height: 0; font-weight: inherit; background: none; box-shadow: none; }\n\nbottom-sheet > sheet > stack > button { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nbottom-sheet > sheet > stack > button:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 0; }\n\nbottom-sheet > sheet > stack > button:hover { background: color-mix(in srgb, currentColor 4%, transparent); }\n\nbottom-sheet > sheet > stack > button.keyboard-activating, bottom-sheet > sheet > stack > button:active { background: color-mix(in srgb, currentColor 8%, transparent); }\n\nbottom-sheet > sheet > stack > button.inert:hover, bottom-sheet > sheet > stack > button.inert:active, bottom-sheet > sheet > stack > button.inert.keyboard-activating { background: none; }\n\nbottom-sheet > sheet, bottom-sheet > sheet > outline, bottom-sheet > sheet > stack > widget, bottom-sheet > sheet > stack > button, bottom-sheet > sheet > stack > button > widget { border-top-left-radius: 15px; border-top-right-radius: 15px; }\n\nbottom-sheet > sheet.flush-left > outline { box-shadow: inset -1px 0 RGB(255 255 255/7%), inset 0 1px RGB(255 255 255/7%); }\n\nbottom-sheet > sheet.flush-right > outline { box-shadow: inset 1px 0 RGB(255 255 255/7%), inset 0 1px RGB(255 255 255/7%); }\n\nbottom-sheet > sheet.flush-left.flush-right > outline { box-shadow: inset 0 1px RGB(255 255 255/7%); }\n\nbottom-sheet > sheet.bottom-bar { box-shadow: 0 0 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent), 0 2px 8px 2px var(--shade-color), 0 3px 20px 10px RGB(0 0 6/5%), 0 6px 32px 16px RGB(0 0 6/2%); }\n\nbottom-sheet > sheet.bottom-bar.hidden { box-shadow: none; }\n\nbottom-sheet > sheet.bottom-bar.flush-left, bottom-sheet > sheet.bottom-bar.flush-left > outline, bottom-sheet > sheet.bottom-bar.flush-left > stack > widget, bottom-sheet > sheet.bottom-bar.flush-left > stack > button, bottom-sheet > sheet.bottom-bar.flush-left > stack > button > widget { border-top-left-radius: 0; }\n\nbottom-sheet > sheet.bottom-bar.flush-right, bottom-sheet > sheet.bottom-bar.flush-right > outline, bottom-sheet > sheet.bottom-bar.flush-right > stack > widget, bottom-sheet > sheet.bottom-bar.flush-right > stack > button, bottom-sheet > sheet.bottom-bar.flush-right > stack > button > widget { border-top-right-radius: 0; }\n\nbottom-sheet > sheet.bottom-bar > outline, bottom-sheet > sheet.bottom-bar > stack > widget, bottom-sheet > sheet.bottom-bar > stack > button, bottom-sheet > sheet.bottom-bar > stack > button > widget, bottom-sheet > sheet.bottom-bar.flush-left > outline, bottom-sheet > sheet.bottom-bar.flush-left > stack > widget, bottom-sheet > sheet.bottom-bar.flush-left > stack > button, bottom-sheet > sheet.bottom-bar.flush-left > stack > button > widget, bottom-sheet > sheet.bottom-bar.flush-right > outline, bottom-sheet > sheet.bottom-bar.flush-right > stack > widget, bottom-sheet > sheet.bottom-bar.flush-right > stack > button, bottom-sheet > sheet.bottom-bar.flush-right > stack > button > widget, bottom-sheet > sheet.bottom-bar.flush-left.flush-right > outline, bottom-sheet > sheet.bottom-bar.flush-left.flush-right > stack > widget, bottom-sheet > sheet.bottom-bar.flush-left.flush-right > stack > button, bottom-sheet > sheet.bottom-bar.flush-left.flush-right > stack > button > widget { box-shadow: none; }\n\nbottom-sheet > sheet.has-drag-handle toolbarview .top-bar > windowhandle { min-height: 36px; }\n\nbottom-sheet > sheet.has-drag-handle toolbarview toolbarview .top-bar > windowhandle { min-height: 0; }\n\nnotebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { min-height: 24px; min-width: 16px; padding: 5px 10px; border-radius: 9px; font-weight: bold; }\n\nnotebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nnotebook > header > tabs > arrow:focus:focus-visible, row.spin spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:focus:focus-visible, button:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\nactionbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\nactionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:hover, button:hover { background-color: color-mix(in srgb, currentColor 15%, transparent); }\n\nactionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.keyboard-activating, notebook > header > tabs > arrow:active, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:active, button.keyboard-activating, button:active { background-color: color-mix(in srgb, currentColor 30%, transparent); }\n\nactionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked, button:checked { background-color: color-mix(in srgb, currentColor 30%, transparent); }\n\nactionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, row.spin spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:hover, button:checked:hover { background-color: color-mix(in srgb, currentColor 35%, transparent); }\n\nactionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, row.spin spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked.keyboard-activating, notebook > header > tabs > arrow:checked:active, row.spin spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:active, button:checked.keyboard-activating, button:checked:active { background-color: color-mix(in srgb, currentColor 40%, transparent); }\n\nnotebook > header > tabs > arrow:disabled, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:disabled, button:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nnotebook > header > tabs > arrow:disabled label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, colorswatch#add-color-button > overlay:disabled label, button:disabled label { filter: none; }\n\nnotebook > header > tabs > arrow.image-button, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }\n\nnotebook > header > tabs > arrow.text-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button, button.text-button { padding-left: 17px; padding-right: 17px; }\n\nnotebook > header > tabs > arrow.text-button.image-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button.image-button, notebook > header > tabs > arrow.image-text-button, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-text-button, button.text-button.image-button, button.image-text-button { padding-left: 9px; padding-right: 9px; }\n\nnotebook > header > tabs > arrow.text-button.image-button > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.text-button.image-button > box, notebook > header > tabs > arrow.text-button.image-button > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.text-button.image-button > box > box, notebook > header > tabs > arrow.image-text-button > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.image-text-button > box, notebook > header > tabs > arrow.image-text-button > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.image-text-button > box > box, button.text-button.image-button > box, button.text-button.image-button > box > box, button.image-text-button > box, button.image-text-button > box > box { border-spacing: 4px; }\n\nnotebook > header > tabs > arrow.text-button.image-button > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > label, notebook > header > tabs > arrow.text-button.image-button > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > box > label, notebook > header > tabs > arrow.image-text-button > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.image-text-button > box > label, notebook > header > tabs > arrow.image-text-button > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.image-text-button > box > box > label, button.text-button.image-button > box > label, button.text-button.image-button > box > box > label, button.image-text-button > box > label, button.image-text-button > box > box > label { padding-left: 2px; padding-right: 2px; }\n\nnotebook > header > tabs > arrow.arrow-button, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.arrow-button, button.arrow-button { padding-left: 9px; padding-right: 9px; }\n\nnotebook > header > tabs > arrow.arrow-button > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button > box, button.arrow-button > box { border-spacing: 4px; }\n\nnotebook > header > tabs > arrow.arrow-button.text-button > box, row.spin spinbutton > button.arrow-button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button.text-button > box, button.arrow-button.text-button > box { border-spacing: 4px; }\n\ndropdown:drop(active) button.combo, combobox:drop(active) button.combo, searchbar > revealer > box .close:drop(active), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), actionbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), popover.menu box.inline-buttons button.image-button.model:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), filechooser #pathbarbox > stack > box > box > button:drop(active), filechooser #pathbarbox > stack > box > menubutton > button:drop(active), button.sidebar-button:drop(active), button.emoji-section.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:drop(active), calendar > header > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), splitbutton.flat > button:drop(active), splitbutton.flat > menubutton > button:drop(active), menubutton.flat > button:drop(active), button.flat:drop(active), menubutton.osd > button:drop(active), button.osd:drop(active), notebook > header > tabs > arrow:drop(active), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:drop(active), button:drop(active) { color: var(--accent-bg-color); box-shadow: inset 0 0 0 2px var(--accent-bg-color); }\n\nmenubutton.osd > button, button.osd { min-width: 32px; min-height: 32px; color: RGB(255 255 255/90%); background-color: RGB(0 0 0/65%); }\n\nmenubutton.osd > button, button.osd { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nmenubutton.osd > button:focus:focus-visible, button.osd:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 1px; }\n\nmenubutton.osd > button:hover, button.osd:hover { color: white; background-color: color-mix(in srgb, black calc(0.85 * 65%), currentColor calc(0.15 * 65%)); }\n\nmenubutton.osd > button.keyboard-activating, menubutton.osd > button:active, button.osd.keyboard-activating, button.osd:active { color: white; background-color: color-mix(in srgb, black calc(0.75 * 65%), currentColor calc(0.25 * 65%)); }\n\nmenubutton.osd > button:checked, button.osd:checked { background-color: color-mix(in srgb, black calc(0.8 * 65%), currentColor calc(0.2 * 65%)); }\n\nmenubutton.osd > button:checked:hover, button.osd:checked:hover { background-color: color-mix(in srgb, black calc(0.75 * 65%), currentColor calc(0.25 * 65%)); }\n\nmenubutton.osd > button:checked.keyboard-activating, menubutton.osd > button:checked:active, button.osd:checked.keyboard-activating, button.osd:checked:active { background-color: color-mix(in srgb, black calc(0.65 * 65%), currentColor calc(0.35 * 65%)); }\n\nactionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.opaque > button, button.suggested-action, button.opaque { box-shadow: none; }\n\nactionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.opaque > button, button.suggested-action, button.opaque { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nactionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:focus:focus-visible, splitbutton.suggested-action > menubutton > button:focus:focus-visible, splitbutton.opaque > button:focus:focus-visible, splitbutton.opaque > menubutton > button:focus:focus-visible, menubutton.suggested-action > button:focus:focus-visible, menubutton.opaque > button:focus:focus-visible, button.suggested-action:focus:focus-visible, button.opaque:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 1px; }\n\nactionbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.opaque > button:hover, button.suggested-action:hover, button.opaque:hover { background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }\n\nactionbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating, button.keyboard-activating.suggested-action, button.keyboard-activating.opaque, actionbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.opaque > button:active, button.suggested-action:active, button.opaque:active { background-image: image(RGB(0 0 6/20%)); }\n\nactionbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.opaque > button:checked, button.suggested-action:checked, button.opaque:checked { background-image: image(RGB(0 0 6/15%)); }\n\nactionbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.opaque > button:checked:hover, button.suggested-action:checked:hover, button.opaque:checked:hover { background-image: image(RGB(0 0 6/5%)); }\n\nactionbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, actionbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.opaque:checked:active { background-image: image(RGB(0 0 6/30%)); }\n\nactionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, menubutton.destructive-action > button, button.destructive-action { --accent-bg-color: var(--destructive-bg-color); --accent-fg-color: var(--destructive-fg-color); --accent-color: var(--destructive-color); color: var(--accent-color); background-color: color-mix(in srgb, currentColor 15%, transparent); }\n\nactionbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, menubutton.destructive-action > button:hover, button.destructive-action:hover { background-color: color-mix(in srgb, currentColor 20%, transparent); }\n\nactionbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, menubutton.destructive-action > button:active, button.destructive-action:active, actionbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, button.keyboard-activating.destructive-action { background-color: color-mix(in srgb, currentColor 35%, transparent); }\n\nactionbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, menubutton.destructive-action > button:checked, button.destructive-action:checked { background-color: color-mix(in srgb, currentColor 35%, transparent); }\n\nactionbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, menubutton.destructive-action > button:checked:hover, button.destructive-action:checked:hover { background-color: color-mix(in srgb, currentColor 40%, transparent); }\n\nactionbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, actionbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, menubutton.destructive-action > button:checked:active, button.destructive-action:checked:active { background-color: color-mix(in srgb, currentColor 45%, transparent); }\n\nbutton.opaque { background-color: color-mix(in srgb, var(--window-bg-color) 85%, var(--window-fg-color)); color: var(--window-fg-color); }\n\nbutton.suggested-action { color: var(--accent-fg-color); }\n\nbutton.suggested-action, button.suggested-action:checked { background-color: var(--accent-bg-color); }\n\nsearchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { background: transparent; box-shadow: none; }\n\nsearchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nsearchbar > revealer > box .close:focus:focus-visible, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, actionbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, popover.menu box.inline-buttons button.image-button.model:focus:focus-visible, filechooser #pathbarbox > stack > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > menubutton > button:focus:focus-visible, button.sidebar-button:focus:focus-visible, button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:focus:focus-visible, calendar > header > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, splitbutton.flat > button:focus:focus-visible, splitbutton.flat > menubutton > button:focus:focus-visible, menubutton.flat > button:focus:focus-visible, button.flat:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\nsearchbar > revealer > box .close:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover, filechooser #pathbarbox > stack > box > button:hover, filechooser #pathbarbox > stack > box > box > button:hover, filechooser #pathbarbox > stack > box > menubutton > button:hover, button.sidebar-button:hover, button.emoji-section.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:hover, calendar > header > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, button.flat:hover { background: color-mix(in srgb, currentColor 7%, transparent); }\n\nsearchbar > revealer > box .keyboard-activating.close, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, popover.menu box.inline-buttons button.keyboard-activating.image-button.model, filechooser #pathbarbox > stack > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, button.keyboard-activating.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .keyboard-activating.close, calendar > header > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, menubutton.flat > button.keyboard-activating, searchbar > revealer > box .close:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:active, popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, filechooser #pathbarbox > stack > box > button:active, filechooser #pathbarbox > stack > box > box > button:active, filechooser #pathbarbox > stack > box > menubutton > button:active, button.sidebar-button:active, button.emoji-section.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:active, calendar > header > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, button.flat.keyboard-activating, button.flat:active { background: color-mix(in srgb, currentColor 16%, transparent); }\n\nsearchbar > revealer > box .close:checked, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked, filechooser #pathbarbox > stack > box > button:checked, filechooser #pathbarbox > stack > box > box > button:checked, filechooser #pathbarbox > stack > box > menubutton > button:checked, button.sidebar-button:checked, button.emoji-section.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked, calendar > header > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, button.flat:checked { background: color-mix(in srgb, currentColor 10%, transparent); }\n\nsearchbar > revealer > box .close:checked:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked:hover, popover.menu box.inline-buttons button.image-button.model:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, filechooser #pathbarbox > stack > box > box > button:checked:hover, filechooser #pathbarbox > stack > box > menubutton > button:checked:hover, button.sidebar-button:checked:hover, button.emoji-section.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:hover, calendar > header > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, splitbutton.flat > button:checked:hover, splitbutton.flat > menubutton > button:checked:hover, menubutton.flat > button:checked:hover, button.flat:checked:hover { background: color-mix(in srgb, currentColor 13%, transparent); }\n\nsearchbar > revealer > box .close:checked.keyboard-activating, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, popover.menu box.circular-buttons button.circular.image-button.model:checked.keyboard-activating, popover.menu box.inline-buttons button.image-button.model:checked.keyboard-activating, filechooser #pathbarbox > stack > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button:checked.keyboard-activating, button.sidebar-button:checked.keyboard-activating, button.emoji-section.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked.keyboard-activating, calendar > header > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, splitbutton.flat > button:checked.keyboard-activating, splitbutton.flat > menubutton > button:checked.keyboard-activating, menubutton.flat > button:checked.keyboard-activating, searchbar > revealer > box .close:checked:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, popover.menu box.inline-buttons button.image-button.model:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, filechooser #pathbarbox > stack > box > box > button:checked:active, filechooser #pathbarbox > stack > box > menubutton > button:checked:active, button.sidebar-button:checked:active, button.emoji-section.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:active, calendar > header > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, splitbutton.flat > button:checked:active, splitbutton.flat > menubutton > button:checked:active, menubutton.flat > button:checked:active, button.flat:checked.keyboard-activating, button.flat:checked:active { background: color-mix(in srgb, currentColor 19%, transparent); }\n\nsearchbar > revealer > box .close:disabled:not(:checked), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), actionbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:disabled:not(:checked), popover.menu box.circular-buttons button.circular.image-button.model:disabled:not(:checked), popover.menu box.inline-buttons button.image-button.model:disabled:not(:checked), filechooser #pathbarbox > stack > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > menubutton > button:disabled:not(:checked), button.sidebar-button:disabled:not(:checked), button.emoji-section.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:disabled:not(:checked), calendar > header > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), splitbutton.flat > button:disabled:not(:checked), splitbutton.flat > menubutton > button:disabled:not(:checked), menubutton.flat > button:disabled:not(:checked), button.flat:disabled:not(:checked) { filter: opacity(30%); }\n\nstackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }\n\nstackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }\n\nstackswitcher > button.text-button { min-width: 100px; }\n\nbutton.font separator { background-color: transparent; }\n\nbutton.font > box { border-spacing: 6px; }\n\nbutton.font > box > box > label { font-weight: bold; }\n\nrow.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), menubutton.circular > button, button.circular { min-width: 34px; min-height: 34px; padding: 0; border-radius: 9999px; }\n\nrow.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, menubutton.circular > button label, button.circular label { padding: 0; }\n\nmenubutton.pill > button, button.pill { padding: 10px 32px; border-radius: 9999px; }\n\nbutton.card { background-color: var(--card-bg-color); background-clip: padding-box; font-weight: inherit; padding: 0; }\n\nbutton.card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nbutton.card:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -1px; }\n\nbutton.card:hover { background-image: image(color-mix(in srgb, currentColor 4%, transparent)); }\n\nbutton.card.keyboard-activating, button.card:active { background-image: image(color-mix(in srgb, currentColor 8%, transparent)); }\n\nbutton.card:checked { background-color: var(--card-bg-color); background-image: image(color-mix(in srgb, var(--accent-bg-color) 25%, transparent)); }\n\nbutton.card:checked:hover { background-image: image(color-mix(in srgb, var(--accent-bg-color) 32%, transparent)); }\n\nbutton.card:checked.keyboard-activating, button.card:checked:active { background-image: image(color-mix(in srgb, var(--accent-bg-color) 39%, transparent)); }\n\nbutton.card:checked.has-open-popup { background-image: image(color-mix(in srgb, var(--accent-bg-color) 32%, transparent)); }\n\n.osd button.card:checked { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\nbutton.card:drop(active) { color: var(--accent-bg-color); box-shadow: inset 0 0 0 1px var(--accent-bg-color); }\n\nbutton.color { padding: 5px; }\n\nbutton.color > colorswatch:only-child { border-radius: 4.5px; }\n\nbutton.color > colorswatch:only-child > overlay { border-radius: 4px; }\n\nbutton.color > colorswatch:only-child:disabled { filter: none; }\n\nbutton.color > colorswatch:only-child.light > overlay { border-color: color-mix(in srgb, var(--view-fg-color) 10%, transparent); }\n\nmenubutton.osd { background: none; color: inherit; }\n\nmenubutton:disabled { filter: opacity(50%); }\n\nmenubutton > button:disabled:not(:checked) { filter: none; }\n\nmenubutton.flat:disabled { filter: none; }\n\nmenubutton.suggested-action { background-color: var(--accent-bg-color); color: var(--accent-fg-color); }\n\nmenubutton.opaque { background-color: color-mix(in srgb, var(--window-bg-color) 85%, var(--window-fg-color)); color: var(--window-fg-color); }\n\nmenubutton.suggested-action, menubutton.opaque { border-radius: 9px; }\n\nmenubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.opaque.circular, menubutton.opaque.pill { border-radius: 9999px; }\n\nmenubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked { background-color: transparent; color: inherit; }\n\nmenubutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; }\n\nmenubutton.card > button { border-radius: 12px; }\n\nmenubutton arrow { min-height: 16px; min-width: 16px; }\n\nmenubutton arrow.none { -gtk-icon-source: -gtk-icontheme(\"open-menu-symbolic\"); }\n\nmenubutton arrow.down { -gtk-icon-source: -gtk-icontheme(\"pan-down-symbolic\"); }\n\nmenubutton arrow.up { -gtk-icon-source: -gtk-icontheme(\"pan-up-symbolic\"); }\n\nmenubutton arrow.left { -gtk-icon-source: -gtk-icontheme(\"pan-start-symbolic\"); }\n\nmenubutton arrow.right { -gtk-icon-source: -gtk-icontheme(\"pan-end-symbolic\"); }\n\nsplitbutton { border-radius: 9px; }\n\nsplitbutton, splitbutton > separator { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; }\n\nsplitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; }\n\nsplitbutton > menubutton > button { padding-left: 4px; padding-right: 4px; }\n\nsplitbutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; }\n\nsplitbutton.text-button.image-button > button, splitbutton.image-text-button > button { padding-left: 9px; padding-right: 9px; }\n\nsplitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { border-spacing: 6px; }\n\nsplitbutton:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nsplitbutton:disabled > button, splitbutton:disabled > menubutton, splitbutton:disabled > menubutton > button { filter: none; }\n\nsplitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: -1px; }\n\nsplitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }\n\nactionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat > separator { background: color-mix(in srgb, currentColor 30%, transparent); }\n\nactionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: color-mix(in srgb, currentColor 7%, transparent); }\n\nactionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; }\n\nactionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:disabled { filter: opacity(30%); }\n\nactionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, splitbutton.flat:disabled > button:disabled, splitbutton.flat:disabled > menubutton > button:disabled { filter: none; }\n\nactionbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:focus-within:focus-visible > separator { background: none; }\n\nactionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button { border-radius: 9px; }\n\nsplitbutton.suggested-action { background-color: var(--accent-bg-color); color: var(--accent-fg-color); }\n\nsplitbutton.destructive-action { --accent-bg-color: var(--destructive-bg-color); --accent-fg-color: var(--destructive-fg-color); --accent-color: var(--destructive-color); color: var(--accent-color); }\n\nsplitbutton.opaque { background-color: color-mix(in srgb, var(--window-bg-color) 85%, var(--window-fg-color)); color: var(--window-fg-color); }\n\nsplitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked { color: inherit; background-color: transparent; }\n\nsplitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { box-shadow: inset 1px 0 color-mix(in srgb, currentColor 30%, transparent); }\n\nsplitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { box-shadow: inset -1px 0 color-mix(in srgb, currentColor 30%, transparent); }\n\nsplitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme(\"pan-down-symbolic\"); }\n\nbuttoncontent > box { border-spacing: 6px; }\n\nbuttoncontent > box > label { font-weight: bold; }\n\nbuttoncontent > box > label:dir(ltr) { padding-right: 2px; }\n\nbuttoncontent > box > label:dir(rtl) { padding-left: 2px; }\n\n.arrow-button > box > buttoncontent > box > label:dir(ltr), splitbutton > button > buttoncontent > box > label:dir(ltr) { padding-right: 0; }\n\n.arrow-button > box > buttoncontent > box > label:dir(rtl), splitbutton > button > buttoncontent > box > label:dir(rtl) { padding-left: 0; }\n\ntabbutton label { font-weight: 800; font-size: 10.5px; }\n\ntabbutton label.small { font-size: 8px; }\n\ntabbutton indicatorbin > indicator:dir(ltr), tabbutton indicatorbin > mask:dir(ltr) { transform: translate(-1px, 1px); }\n\ntabbutton indicatorbin > indicator:dir(rtl), tabbutton indicatorbin > mask:dir(rtl) { transform: translate(1px, 1px); }\n\ncalendar { color: var(--view-fg-color); background-clip: padding-box; border: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); font-feature-settings: \"tnum\"; }\n\ncalendar > header { border-bottom: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\ncalendar > header > button { border-radius: 0; }\n\ncalendar > grid { padding-left: 3px; padding-bottom: 3px; }\n\ncalendar > grid > label.today { box-shadow: inset 0px -2px color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\ncalendar > grid > label.today:selected { box-shadow: none; }\n\ncalendar > grid > label { margin-top: 3px; margin-right: 3px; }\n\ncalendar > grid > label { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\ncalendar > grid > label:focus { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\ncalendar > grid > label.day-number { padding: 3px; }\n\ncalendar > grid > label.day-number:checked { border-radius: 9px; background-color: color-mix(in srgb, var(--accent-bg-color) 30%, transparent); }\n\ncalendar > grid > label.day-number:selected { border-radius: 9px; background-color: var(--accent-bg-color); color: var(--accent-fg-color); }\n\ncalendar > grid > label.day-number.other-month { color: color-mix(in srgb, currentColor 30%, transparent); }\n\ncheckbutton { border-spacing: 4px; border-radius: 9px; padding: 3px; }\n\ncheckbutton { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\ncheckbutton:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\ncheckbutton.text-button { padding: 4px; }\n\ncheckbutton.grouped { border-radius: 999px; }\n\ncheck, radio { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 14px; min-width: 14px; -gtk-icon-size: 14px; padding: 3px; box-shadow: inset 0 0 0 2px color-mix(in srgb, currentColor 15%, transparent); }\n\ncheck:not(:checked):not(:indeterminate):hover, radio:not(:checked):not(:indeterminate):hover { box-shadow: inset 0 0 0 2px color-mix(in srgb, currentColor 20%, transparent); }\n\ncheck:not(:checked):not(:indeterminate):active, radio:not(:checked):not(:indeterminate):active { background-color: color-mix(in srgb, currentColor 25%, transparent); box-shadow: none; }\n\ncheck:checked, check:indeterminate, radio:checked, radio:indeterminate { background-color: var(--accent-bg-color); color: var(--accent-fg-color); box-shadow: none; }\n\ncheck:checked:hover, check:indeterminate:hover, radio:checked:hover, radio:indeterminate:hover { background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }\n\ncheck:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { background-image: image(RGB(0 0 6/20%)); }\n\ncheck:disabled, radio:disabled { filter: Opacity(var(--disabled-opacity)); }\n\ncheck { border-radius: 6px; }\n\ncheck:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url(\"assets/check-symbolic.symbolic.png\")), -gtk-recolor(url(\"assets/check@2-symbolic.symbolic.png\"))); }\n\nradio { border-radius: 100%; }\n\nradio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url(\"assets/bullet-symbolic.symbolic.png\")), -gtk-recolor(url(\"assets/bullet@2-symbolic.symbolic.png\"))); }\n\ncheck:indeterminate, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url(\"assets/dash-symbolic.symbolic.png\")), -gtk-recolor(url(\"assets/dash@2-symbolic.symbolic.png\"))); }\n\ncheckbutton.selection-mode { border-radius: 100px; }\n\ncheckbutton.selection-mode check, checkbutton.selection-mode radio { padding: 7px; border-radius: 100px; }\n\ncheckbutton.selection-mode label:dir(ltr) { margin-right: 6px; }\n\ncheckbutton.selection-mode label:dir(rtl) { margin-left: 6px; }\n\ncolorswatch { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\ncolorswatch:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 4px; outline-offset: -2px; }\n\ncolorswatch.top { border-top-left-radius: 9.5px; border-top-right-radius: 9.5px; }\n\ncolorswatch.top > overlay { border-top-left-radius: 9px; border-top-right-radius: 9px; }\n\ncolorswatch.bottom { border-bottom-left-radius: 9.5px; border-bottom-right-radius: 9.5px; }\n\ncolorswatch.bottom > overlay { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }\n\ncolorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 9.5px; border-bottom-left-radius: 9.5px; }\n\ncolorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 9px; border-bottom-left-radius: 9px; }\n\ncolorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 9.5px; border-bottom-right-radius: 9.5px; }\n\ncolorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 9px; border-bottom-right-radius: 9px; }\n\ncolorswatch.dark > overlay { color: white; }\n\ncolorswatch.light > overlay { color: RGB(0 0 6/75%); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--view-fg-color) 10%, transparent); }\n\ncolorswatch:drop(active).light > overlay { box-shadow: inset 0 0 0 2px var(--accent-bg-color); }\n\ncolorswatch:drop(active).dark > overlay { box-shadow: inset 0 0 0 2px var(--accent-bg-color); }\n\ncolorswatch#add-color-button > overlay { border-radius: 9px 0 0 9px; }\n\ncolorswatch#add-color-button:only-child > overlay { border-radius: 9px; }\n\ncolorswatch:disabled { filter: Opacity(var(--disabled-opacity)); }\n\ncolorswatch#editor-color-sample { border-radius: 9px; }\n\ncolorswatch#editor-color-sample > overlay { border-radius: 9.5px; }\n\nplane { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nplane:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 2px; }\n\ncolorchooser .popover.osd { border-radius: 15px; }\n\ncolumnview, treeview.view, window.print:not(.ssd-frame) treeview.dialog-action-box { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\ncolumnview:focus:focus-visible, treeview.view:focus:focus-visible, window.print:not(.ssd-frame) treeview.dialog-action-box:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\ncolumnview:drop(active), treeview.view:drop(active), window.print:not(.ssd-frame) treeview.dialog-action-box:drop(active) { box-shadow: none; }\n\ncolumnview > header > button, treeview.view > header > button, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button { background-color: transparent; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; border-radius: 0; box-shadow: none; line-height: 100%; border-left: 1px solid transparent; }\n\ncolumnview > header > button:first-child, treeview.view > header > button:first-child, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button:first-child { border-left-width: 0; }\n\ncolumnview > header > button > box, treeview.view > header > button > box, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button > box { color: color-mix(in srgb, currentColor 40%, transparent); border-spacing: 6px; }\n\ncolumnview > header > button:hover > box, treeview.view > header > button:hover > box, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button:hover > box { color: color-mix(in srgb, currentColor 70%, transparent); box-shadow: none; }\n\ncolumnview > header > button:active > box, treeview.view > header > button:active > box, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button:active > box { color: currentColor; }\n\ncolumnview > header > button sort-indicator, treeview.view > header > button sort-indicator, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button sort-indicator { min-height: 16px; min-width: 16px; }\n\ncolumnview > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme(\"pan-up-symbolic\"); }\n\ncolumnview > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme(\"pan-down-symbolic\"); }\n\ncolumnview button.dnd:active, columnview button.dnd:selected, columnview button.dnd:hover, columnview button.dnd, treeview.view button.dnd, window.print:not(.ssd-frame) treeview.dialog-action-box button.dnd, columnview header.button.dnd:active, columnview header.button.dnd:selected, columnview header.button.dnd:hover, columnview header.button.dnd, treeview.view header.button.dnd, window.print:not(.ssd-frame) treeview.dialog-action-box header.button.dnd { color: var(--accent-fg-color); background-color: var(--accent-bg-color); transition: none; }\n\ncolumnview.view > listview.view, treeview.view > listview.view, window.print:not(.ssd-frame) columnview.dialog-action-box > listview.view, window.print:not(.ssd-frame) treeview.dialog-action-box > listview.view, window.print:not(.ssd-frame) columnview.view > listview.dialog-action-box, window.print:not(.ssd-frame) treeview.view > listview.dialog-action-box, window.print:not(.ssd-frame) columnview.dialog-action-box > listview.dialog-action-box, window.print:not(.ssd-frame) treeview.dialog-action-box > listview.dialog-action-box { background: none; color: inherit; }\n\ncolumnview > listview > row, treeview.view > listview > row, window.print:not(.ssd-frame) treeview.dialog-action-box > listview > row { padding: 0; }\n\ncolumnview > listview > row > cell, treeview.view > listview > row > cell, window.print:not(.ssd-frame) treeview.dialog-action-box > listview > row > cell { padding: 8px 6px; }\n\ncolumnview > listview > row > cell:not(:first-child), treeview.view > listview > row > cell:not(:first-child), window.print:not(.ssd-frame) treeview.dialog-action-box > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }\n\ncolumnview.column-separators > listview > row > cell, treeview.column-separators.view > listview > row > cell, window.print:not(.ssd-frame) treeview.column-separators.dialog-action-box > listview > row > cell, columnview.column-separators > header > button, treeview.column-separators.view > header > button, window.print:not(.ssd-frame) treeview.column-separators.dialog-action-box > header > button { border-left-color: color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\ncolumnview > listview:not(.horizontal).separators > row:not(.separator), treeview.view > listview:not(.horizontal).separators > row:not(.separator), window.print:not(.ssd-frame) treeview.dialog-action-box > listview:not(.horizontal).separators > row:not(.separator) { border-top: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); border-bottom: none; }\n\ncolumnview.data-table > listview > row > cell, treeview.data-table.view > listview > row > cell, window.print:not(.ssd-frame) treeview.data-table.dialog-action-box > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }\n\ncolumnview ~ undershoot.top, treeview.view ~ undershoot.top, window.print:not(.ssd-frame) treeview.dialog-action-box ~ undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\ncolumnview row:not(:selected) cell editablelabel:not(.editing):focus-within, treeview.view row:not(:selected) cell editablelabel:not(.editing):focus-within, window.print:not(.ssd-frame) treeview.dialog-action-box row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid color-mix(in srgb, var(--accent-color) 50%, transparent); }\n\ncolumnview row:not(:selected) cell editablelabel.editing:focus-within, treeview.view row:not(:selected) cell editablelabel.editing:focus-within, window.print:not(.ssd-frame) treeview.dialog-action-box row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid var(--accent-color); }\n\ntreeexpander { border-spacing: 4px; }\n\n.dialog-action-area { margin: 6px; border-spacing: 6px; }\n\n/**************** Print dialog * */\nwindow.print:not(.ssd-frame) drawing { color: var(--window-fg-color); background: none; border: none; padding: 0; }\n\nwindow.print:not(.ssd-frame) drawing paper { background-color: white; color: RGB(0 0 6/80%); background-clip: padding-box; border: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\n/******************** Page setup dalog * */\n/****************** GtkAboutDialog * */\nwindow.aboutdialog:not(.ssd-frame) image.large-icons { -gtk-icon-size: 128px; }\n\n/************************* GtkColorChooserDialog * */\n/************* AdwDialog * */\nfloating-sheet > dimming { background-color: RGB(from var(--shade-color) r g b/calc(alpha * 2)); }\n\nfloating-sheet > sheet { border-radius: 15px; box-shadow: 0 2px 8px 2px RGB(0 0 6/7%), 0 3px 20px 10px RGB(0 0 6/5%), 0 6px 32px 16px RGB(0 0 6/2%), 0 0 0 1px RGB(0 0 6 / 5%); outline: 1px solid RGB(255 255 255/7%); outline-offset: -1px; }\n\ndialog.bottom-sheet:not(.narrow) sheet { margin-left: 30px; margin-right: 30px; }\n\ndialog.bottom-sheet:not(.narrow) sheet.flush-left > outline, dialog.bottom-sheet:not(.narrow) sheet.flush-right > outline, dialog.bottom-sheet:not(.narrow) sheet.flush-left.flush-right > outline { box-shadow: inset 1px 0 RGB(255 255 255/7%), inset -1px 0 RGB(255 255 255/7%), inset 0 1px RGB(255 255 255/7%); }\n\ndialog-host > dialog.background { background: none; }\n\ndialog-host > dialog.background sheet { background-color: var(--window-bg-color); color: var(--window-fg-color); }\n\ndialog-host > dialog.view, window.print:not(.ssd-frame) dialog-host > dialog.dialog-action-box { background: none; }\n\ndialog-host > dialog.osd:not(progressbar):not(button):not(menubutton):not(splitbutton) { background: none; }\n\n/*********************** GtkAppChooserDialog * */\nwindow.appchooser:not(.ssd-frame) headerbar.titlebar > windowhandle { padding-top: 3px; }\n\nwindow.appchooser:not(.ssd-frame) headerbar.titlebar box.start + box { margin-top: -6px; margin-bottom: -6px; min-height: 12px; }\n\nwindow.appchooser:not(.ssd-frame) searchbar { background: none; }\n\nwindow.appchooser:not(.ssd-frame) .dialog-vbox > box > box:not(.dialog-action-area) { margin: 6px; }\n\nwindow.appchooser:not(.ssd-frame) .dialog-action-area { margin-top: 0; }\n\n/**************** GtkAssistant * */\nwindow.assistant .sidebar { padding: 6px; background-color: var(--sidebar-bg-color); color: var(--sidebar-fg-color); }\n\nwindow.assistant .sidebar:not(separator):dir(ltr) { border-right: none; box-shadow: inset -1px 0 var(--sidebar-border-color); }\n\nwindow.assistant .sidebar:not(separator):dir(rtl) { box-shadow: inset 1px 0 var(--sidebar-border-color); }\n\nwindow.assistant .sidebar:backdrop { background-color: var(--sidebar-backdrop-color); transition: background-color 200ms ease-out; }\n\nwindow.assistant .sidebar > label { padding: 6px 12px; border-radius: 9px; }\n\nwindow.assistant .sidebar > label.highlight { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\n/*************** GtkComboBox * */\ncombobox button { padding-top: 2px; padding-bottom: 2px; min-height: 30px; }\n\n/*************** GtkIconView * */\niconview:not(:selected) { background-color: color-mix(in srgb, var(--accent-bg-color) 0.0001%, var(--view-bg-color)); }\n\niconview { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\niconview:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\niconview:drop(active) { box-shadow: none; }\n\niconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: var(--accent-bg-color); }\n\n/************** GtkInfoBar * */\ninfobar > revealer > box { padding: 6px; padding-bottom: 7px; border-spacing: 6px; box-shadow: inset 0 -1px var(--shade-color); }\n\ninfobar > revealer > box > box { border-spacing: 6px; }\n\ninfobar.action:hover > revealer > box { background-image: image(color-mix(in srgb, currentColor 5%, transparent)); }\n\ninfobar.action:active > revealer > box { background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }\n\ninfobar.info > revealer > box { background-color: color-mix(in srgb, var(--accent-bg-color) 30%, var(--window-bg-color)); color: var(--window-fg-color); }\n\ninfobar.question > revealer > box { background-color: color-mix(in srgb, var(--accent-bg-color) 30%, var(--window-bg-color)); color: var(--window-fg-color); }\n\ninfobar.warning > revealer > box { background-color: color-mix(in srgb, var(--warning-bg-color) 30%, var(--window-bg-color)); color: var(--window-fg-color); }\n\ninfobar.error > revealer > box { background-color: color-mix(in srgb, var(--error-bg-color) 30%, var(--window-bg-color)); color: var(--window-fg-color); }\n\ninfobar .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; }\n\n/**************** GtkStatusBar * */\nstatusbar { padding: 6px 10px 6px 10px; }\n\n/*************** GtkTreeView * */\ntreeview.view, window.print:not(.ssd-frame) treeview.dialog-action-box { border-left-color: color-mix(in srgb, currentColor 20%, var(--view-bg-color)); border-top-color: color-mix(in srgb, currentColor 20%, var(--view-bg-color)); }\n\ntreeview.view:not(:selected), window.print:not(.ssd-frame) treeview.dialog-action-box:not(:selected) { background-color: color-mix(in srgb, var(--accent-bg-color) 0.0001%, var(--view-bg-color)); }\n\ntreeview.view:selected:focus, treeview.view:selected, window.print:not(.ssd-frame) treeview.dialog-action-box:selected { border-radius: 0; }\n\ntreeview.view.separator, window.print:not(.ssd-frame) treeview.separator.dialog-action-box { min-height: 2px; color: color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\ntreeview.view.expander, window.print:not(.ssd-frame) treeview.expander.dialog-action-box { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme(\"pan-end-symbolic\"); color: color-mix(in srgb, currentColor 70%, transparent); }\n\ntreeview.view.expander:dir(rtl), window.print:not(.ssd-frame) treeview.expander.dialog-action-box:dir(rtl) { -gtk-icon-source: -gtk-icontheme(\"pan-end-symbolic-rtl\"); }\n\ntreeview.view.expander:hover, window.print:not(.ssd-frame) treeview.expander.dialog-action-box:hover, treeview.view.expander:active, window.print:not(.ssd-frame) treeview.expander.dialog-action-box:active { color: currentColor; }\n\ntreeview.view.expander:checked, window.print:not(.ssd-frame) treeview.expander.dialog-action-box:checked { -gtk-icon-source: -gtk-icontheme(\"pan-down-symbolic\"); }\n\ntreeview.view.expander:disabled, window.print:not(.ssd-frame) treeview.expander.dialog-action-box:disabled { color: color-mix(in srgb, currentColor var(--disabled-opacity), transparent); }\n\ntreeview.view > dndtarget:drop(active), window.print:not(.ssd-frame) treeview.dialog-action-box > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: var(--accent-bg-color); }\n\ntreeview.view > dndtarget:drop(active).after, window.print:not(.ssd-frame) treeview.dialog-action-box > dndtarget:drop(active).after { border-top-style: none; }\n\ntreeview.view > dndtarget:drop(active).before, window.print:not(.ssd-frame) treeview.dialog-action-box > dndtarget:drop(active).before { border-bottom-style: none; }\n\ntreeview.view > header > button, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button { padding-left: 4px; padding-right: 4px; border-bottom: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\ntreeview.view.progressbar, window.print:not(.ssd-frame) treeview.progressbar.dialog-action-box { box-shadow: none; }\n\ntreeview.view.progressbar, window.print:not(.ssd-frame) treeview.progressbar.dialog-action-box, treeview.view.progressbar:selected { background-color: var(--accent-bg-color); color: var(--accent-fg-color); }\n\ntreeview.view.trough, window.print:not(.ssd-frame) treeview.trough.dialog-action-box { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\ntreeview.view ~ undershoot.top, window.print:not(.ssd-frame) treeview.dialog-action-box ~ undershoot.top { box-shadow: none; background: none; }\n\ntreeview.view acceleditor > label, window.print:not(.ssd-frame) treeview.dialog-action-box acceleditor > label { background-color: color-mix(in srgb, currentColor 10%, var(--view-bg-color)); }\n\ntreeview.navigation-sidebar { padding: 0; }\n\ntreeview.navigation-sidebar:selected:focus, treeview.navigation-sidebar:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\ntreeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: var(--view-bg-color); transition-property: color, background; }\n\ntreeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: var(--view-bg-color); }\n\ntreeview entry.flat:focus-within, treeview entry:focus-within { border-color: var(--accent-color); }\n\ntreeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }\n\ntreeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }\n\n.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); border-left-style: none; }\n\n.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); border-right-style: none; }\n\n.sidebar listview.view, .sidebar window.print:not(.ssd-frame) listview.dialog-action-box, window.print:not(.ssd-frame) .sidebar listview.dialog-action-box, .sidebar list { background-color: transparent; color: inherit; }\n\npaned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }\n\n.large-title { font-weight: 300; font-size: 24pt; }\n\n/********************* App Notifications * */\n.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 15px 15px; background-image: linear-gradient(to bottom, RGB(0 0 0/20%), transparent 2px); background-clip: padding-box; }\n\n.app-notification border { border: none; }\n\ndropdown > button > box, combobox > button > box { border-spacing: 6px; }\n\ndropdown > button > box > stack > row.activatable:hover, combobox > button > box > stack > row.activatable:hover, dropdown > button > box > stack > row.activatable:active, combobox > button > box > stack > row.activatable:active { background: none; }\n\ndropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme(\"pan-down-symbolic\"); min-height: 16px; min-width: 16px; }\n\ndropdown:drop(active), combobox:drop(active) { box-shadow: none; }\n\ndropdown popover.menu, combobox popover.menu { padding-top: 6px; }\n\ndropdown popover.menu listview > row, combobox popover.menu listview > row { min-width: 0; }\n\ndropdown popover.menu .dropdown-searchbar, combobox popover.menu .dropdown-searchbar { padding: 6px; }\n\ndropdown popover.menu .dropdown-searchbar + scrolledwindow:not(.undershoot-top) > undershoot.top, combobox popover.menu .dropdown-searchbar + scrolledwindow:not(.undershoot-top) > undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\npopover.emoji-picker > contents { padding: 0; }\n\n.emoji-searchbar { padding: 6px; }\n\n.emoji-toolbar { padding: 3px; }\n\nbutton.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-width: 32px; min-height: 32px; }\n\npopover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 9px; }\n\npopover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: color-mix(in srgb, currentColor 7%, transparent); }\n\npopover.emoji-picker emoji:active { background: color-mix(in srgb, currentColor 16%, transparent); }\n\npopover.emoji-picker scrolledwindow.view, popover.emoji-picker window.print:not(.ssd-frame) scrolledwindow.dialog-action-box, window.print:not(.ssd-frame) popover.emoji-picker scrolledwindow.dialog-action-box { background: none; color: inherit; }\n\npopover.emoji-picker scrolledwindow.view:not(.undershoot-top) > undershoot.top, popover.emoji-picker window.print:not(.ssd-frame) scrolledwindow.dialog-action-box:not(.undershoot-top) > undershoot.top, window.print:not(.ssd-frame) popover.emoji-picker scrolledwindow.dialog-action-box:not(.undershoot-top) > undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\npopover.emoji-picker scrolledwindow.view:not(.undershoot-bottom) > undershoot.bottom, popover.emoji-picker window.print:not(.ssd-frame) scrolledwindow.dialog-action-box:not(.undershoot-bottom) > undershoot.bottom, window.print:not(.ssd-frame) popover.emoji-picker scrolledwindow.dialog-action-box:not(.undershoot-bottom) > undershoot.bottom { box-shadow: inset 0 -1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to top, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\npopover.emoji-completion > contents { padding: 6px; padding-bottom: 4px; }\n\nemoji-completion-row { padding: 6px; margin-bottom: 2px; border-radius: 9px; }\n\nemoji-completion-row:dir(ltr) { padding-right: 12px; }\n\nemoji-completion-row:dir(rtl) { padding-left: 12px; }\n\nemoji-completion-row > box { border-spacing: 6px; }\n\nemoji-completion-row:focus, emoji-completion-row:hover { background-color: color-mix(in srgb, currentColor 10%, transparent); color: var(--popover-fg-color); }\n\nemoji-completion-row:active { background-color: color-mix(in srgb, currentColor 16%, transparent); }\n\nspinbutton, entry { min-height: 34px; padding-left: 9px; padding-right: 9px; border-radius: 9px; border-spacing: 6px; background-color: color-mix(in srgb, currentColor 10%, transparent); background-clip: padding-box; caret-color: currentColor; }\n\nspinbutton, entry { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nspinbutton:focus-within, entry:focus-within { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\nspinbutton > text > block-cursor, entry > text > block-cursor { color: var(--view-bg-color); background-color: var(--view-fg-color); }\n\nspinbutton.flat, entry.flat:focus-within, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; box-shadow: none; border-radius: 0; }\n\nspinbutton:disabled, entry:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nspinbutton > image, entry > image { opacity: 0.7; }\n\nspinbutton > image:hover, entry > image:hover { opacity: 1; }\n\nspinbutton > image:active, entry > image:active { opacity: 0.8; }\n\nspinbutton > image.left, entry > image.left { margin-right: 6px; }\n\nspinbutton > image.right, entry > image.right { margin-left: 6px; }\n\nspinbutton.password image.caps-lock-indicator, entry.password image.caps-lock-indicator { opacity: 30%; }\n\nspinbutton:drop(active), entry:drop(active):focus-within, entry:drop(active) { border-color: var(--accent-bg-color); box-shadow: inset 0 0 0 1px var(--accent-bg-color); }\n\nspinbutton > progress, entry > progress { margin-bottom: 3px; }\n\nspinbutton > progress > trough, entry > progress > trough { min-height: 2px; }\n\nspinbutton > progress > trough > progress, entry > progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: var(--accent-bg-color); border-style: solid; box-shadow: none; }\n\nexpander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme(\"pan-end-symbolic\"); }\n\nexpander:dir(rtl) { -gtk-icon-source: -gtk-icontheme(\"pan-end-symbolic-rtl\"); }\n\nexpander:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nexpander:checked { -gtk-icon-source: -gtk-icontheme(\"pan-down-symbolic\"); }\n\nexpander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nexpander-widget:focus:focus-visible > box > title { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\nexpander-widget > box > title { border-radius: 6px; }\n\nexpander-widget > box > title > expander { opacity: .7; }\n\nexpander-widget > box > title:hover > expander, expander-widget > box > title:active > expander { opacity: 1; }\n\nplacessidebar .navigation-sidebar > row { padding: 0; }\n\nplacessidebar .navigation-sidebar > row > revealer { padding: 0 14px; }\n\nplacessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }\n\nplacessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }\n\nplacessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }\n\nplacessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; }\n\nbutton.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; }\n\nplacessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }\n\nplacessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(var(--accent-bg-color)); background-clip: content-box; }\n\nplacessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: var(--accent-color); }\n\nplacessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: var(--accent-bg-color); box-shadow: inset 0 0 0 1px var(--accent-bg-color); }\n\nrow image.sidebar-icon { opacity: 0.7; }\n\nrow .sidebar-button { opacity: 0.7; }\n\nrow .sidebar-button:hover, row .sidebar-button:active, row .sidebar-button.keyboard-activating { opacity: 1; }\n\nplacesview .server-list-button > image { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }\n\nplacesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); }\n\nplacesview > actionbar > revealer > box > box { border-spacing: 6px; }\n\nfilechooser { box-shadow: 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\nfilechooser pathbar button:not(.image-button) { padding-left: 9px; padding-right: 9px; }\n\nfilechooser pathbar button > box { border-spacing: 4px; }\n\nfilechooser pathbar button > box > label { padding-left: 2px; padding-right: 2px; }\n\nfilechooser columnview > listview > row > cell, filechooser treeview.view > listview > row > cell, filechooser window.print:not(.ssd-frame) treeview.dialog-action-box > listview > row > cell, window.print:not(.ssd-frame) filechooser treeview.dialog-action-box > listview > row > cell { padding: 0; }\n\nfilechooser columnview > listview > row > cell > filelistcell, filechooser treeview.view > listview > row > cell > filelistcell, filechooser window.print:not(.ssd-frame) treeview.dialog-action-box > listview > row > cell > filelistcell, window.print:not(.ssd-frame) filechooser treeview.dialog-action-box > listview > row > cell > filelistcell { padding: 8px 6px; }\n\nfilechooser gridview { padding: 15px; }\n\nfilechooser gridview ~ undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\nfilechooser gridview > child { border-radius: 12px; padding: 0; margin: 3px; }\n\nfilechooser gridview > child > filelistcell { padding: 6px 12px; }\n\nfilechooser gridview > child filethumbnail image { filter: drop-shadow(0px 1px 1px RGB(0 0 6/30%)); }\n\nfilechooser gridview > child box { border-spacing: 6px; }\n\nfilechooser columnview > listview, filechooser treeview.view > listview, filechooser window.print:not(.ssd-frame) treeview.dialog-action-box > listview, window.print:not(.ssd-frame) filechooser treeview.dialog-action-box > listview, filechooser gridview { --accent-bg-color: #959595; --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab)); }\n\nfilechooser > box > actionbar { box-shadow: 0 -1px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent), 0 -2px 4px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent); }\n\nfilechooser > box > actionbar > revealer > box { box-shadow: none; padding-top: 6px; }\n\nfilechooser scrolledwindow + actionbar > revealer > box { background-color: color-mix(in srgb, var(--accent-bg-color) 30%, var(--view-bg-color)); color: var(--window-fg-color); box-shadow: none; padding-top: 6px; font-weight: bold; }\n\nfilechooser scrolledwindow + actionbar > revealer > box:backdrop { background-color: color-mix(in srgb, var(--accent-bg-color) 15%, var(--view-bg-color)); }\n\nfilechooser placesview > stack > scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to top, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\nfilechooser placesview > stack > scrolledwindow list { --accent-bg-color: #959595; --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab)); }\n\nfilechooser placesview > actionbar > revealer > box { background: var(--view-bg-color); color: var(--view-fg-color); box-shadow: none; padding-top: 6px; }\n\nfilechooser placesview > actionbar > revealer > box:backdrop { background: var(--view-bg-color); transition: none; }\n\nfilechooser placessidebar { background-color: var(--sidebar-bg-color); color: var(--sidebar-fg-color); }\n\nfilechooser placessidebar:backdrop { background-color: var(--sidebar-backdrop-color); transition: background-color 200ms ease-out; }\n\nfilechooser paned.horizontal > separator:dir(ltr) { box-shadow: inset 1px 0 var(--sidebar-bg-color), inset 1px 0 var(--sidebar-border-color); }\n\nfilechooser paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 var(--sidebar-backdrop-color), inset 1px 0 var(--sidebar-border-color); }\n\nfilechooser paned.horizontal > separator:dir(rtl) { box-shadow: inset -1px 0 var(--sidebar-bg-color), inset -1px 0 var(--sidebar-border-color); }\n\nfilechooser paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 var(--sidebar-backdrop-color), inset -1px 0 var(--sidebar-border-color); }\n\nfilechooser paned.horizontal > separator:backdrop { transition: box-shadow 200ms ease-out; }\n\n/* Fix header bar height in the file chooser */\nwindow.filechooser headerbar box.start + box.vertical { margin-top: -6px; margin-bottom: -6px; min-height: 12px; }\n\nheaderbar { min-height: 47px; background-color: var(--headerbar-bg-color); color: var(--headerbar-fg-color); box-shadow: inset 0 -1px var(--headerbar-shade-color), inset 1px 0 color-mix(in srgb, var(--headerbar-border-color) var(--border-opacity), transparent), inset -1px 0 color-mix(in srgb, var(--headerbar-border-color) var(--border-opacity), transparent); margin-left: -1px; margin-right: -1px; }\n\nheaderbar > windowhandle > box { padding: 6px 7px 7px 7px; }\n\nheaderbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }\n\nheaderbar > windowhandle > box > box.start:dir(ltr), headerbar > windowhandle > box > box.end:dir(rtl), headerbar > windowhandle > box > widget > box.start:dir(ltr), headerbar > windowhandle > box > widget > box.end:dir(rtl) { margin-right: 6px; }\n\nheaderbar > windowhandle > box > box.start:dir(rtl), headerbar > windowhandle > box > box.end:dir(ltr), headerbar > windowhandle > box > widget > box.start:dir(rtl), headerbar > windowhandle > box > widget > box.end:dir(ltr) { margin-left: 6px; }\n\nheaderbar:backdrop { background-color: var(--headerbar-backdrop-color); transition: background-color 200ms ease-out; }\n\nheaderbar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; }\n\nheaderbar.default-decoration { min-height: 37px; }\n\nheaderbar.default-decoration > windowhandle > box { padding: 3px 4px 4px 4px; }\n\nheaderbar.default-decoration windowcontrols > button { min-height: 22px; min-width: 22px; padding: 4px; }\n\nheaderbar.default-decoration windowcontrols > .icon { margin: 7px; }\n\nwindow:not(.ssd-frame) > .titlebar:not(.flat) { box-shadow: 0 1px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent), 0 2px 4px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent); }\n\nwindow:not(.ssd-frame) > .titlebar headerbar:not(.flat) { box-shadow: inset 1px 0 color-mix(in srgb, var(--headerbar-border-color) var(--border-opacity), transparent), inset -1px 0 color-mix(in srgb, var(--headerbar-border-color) var(--border-opacity), transparent); }\n\nwindow:not(.ssd-frame) > headerbar.titlebar, window:not(.ssd-frame) > .titlebar headerbar { min-height: 46px; }\n\nwindow:not(.ssd-frame) > headerbar.titlebar > windowhandle > box, window:not(.ssd-frame) > .titlebar headerbar > windowhandle > box { padding-bottom: 6px; }\n\nwindow:not(.ssd-frame) > headerbar.titlebar.default-decoration, window:not(.ssd-frame) > .titlebar headerbar.default-decoration { min-height: 36px; }\n\nwindow:not(.ssd-frame) > headerbar.titlebar.default-decoration > windowhandle > box, window:not(.ssd-frame) > .titlebar headerbar.default-decoration > windowhandle > box { padding-bottom: 3px; }\n\ntoolbarview > .top-bar headerbar, toolbarview > .bottom-bar headerbar, headerbar.flat, window.shortcuts:not(.ssd-frame) headerbar.titlebar, adaptive-preview headerbar.adaptive-mode-flat, window.print:not(.ssd-frame) headerbar.titlebar, window.pagesetup:not(.ssd-frame) headerbar.titlebar, window.aboutdialog:not(.ssd-frame) headerbar.titlebar, window.colorchooser:not(.ssd-frame) headerbar.titlebar, window.appchooser:not(.ssd-frame) headerbar.titlebar { background: none; box-shadow: none; color: inherit; min-height: 46px; }\n\ntoolbarview > .top-bar headerbar > windowhandle > box, toolbarview > .bottom-bar headerbar > windowhandle > box, headerbar.flat > windowhandle > box, window.shortcuts:not(.ssd-frame) headerbar.titlebar > windowhandle > box, adaptive-preview headerbar.adaptive-mode-flat > windowhandle > box, window.print:not(.ssd-frame) headerbar.titlebar > windowhandle > box, window.pagesetup:not(.ssd-frame) headerbar.titlebar > windowhandle > box, window.aboutdialog:not(.ssd-frame) headerbar.titlebar > windowhandle > box, window.colorchooser:not(.ssd-frame) headerbar.titlebar > windowhandle > box, window.appchooser:not(.ssd-frame) headerbar.titlebar > windowhandle > box { padding-bottom: 6px; }\n\ntoolbarview > .top-bar headerbar.default-decoration, toolbarview > .bottom-bar headerbar.default-decoration, headerbar.default-decoration.flat, window.shortcuts:not(.ssd-frame) headerbar.default-decoration.titlebar, adaptive-preview headerbar.default-decoration.adaptive-mode-flat, window.print:not(.ssd-frame) headerbar.default-decoration.titlebar, window.pagesetup:not(.ssd-frame) headerbar.default-decoration.titlebar, window.aboutdialog:not(.ssd-frame) headerbar.default-decoration.titlebar, window.colorchooser:not(.ssd-frame) headerbar.default-decoration.titlebar, window.appchooser:not(.ssd-frame) headerbar.default-decoration.titlebar { min-height: 36px; }\n\ntoolbarview > .top-bar headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar headerbar.default-decoration > windowhandle > box, headerbar.default-decoration.flat > windowhandle > box, window.shortcuts:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, adaptive-preview headerbar.default-decoration.adaptive-mode-flat > windowhandle > box, window.print:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, window.pagesetup:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, window.aboutdialog:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, window.colorchooser:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box { padding-bottom: 3px; }\n\ntoolbarview > .top-bar headerbar:backdrop, toolbarview > .bottom-bar headerbar:backdrop { transition: none; }\n\ntoolbarview > .top-bar headerbar:backdrop > windowhandle, toolbarview > .bottom-bar headerbar:backdrop > windowhandle { filter: none; transition: none; }\n\nwindow.devel toolbarview > .top-bar headerbar > windowhandle, toolbarview > .top-bar window.devel headerbar > windowhandle, window.devel toolbarview > .bottom-bar headerbar > windowhandle, toolbarview > .bottom-bar window.devel headerbar > windowhandle { background-image: none; }\n\ntoolbarview > .top-bar .collapse-spacing headerbar, toolbarview > .bottom-bar .collapse-spacing headerbar, window.shortcuts:not(.ssd-frame) headerbar.titlebar, window.appchooser:not(.ssd-frame) headerbar.titlebar { min-height: 40px; }\n\ntoolbarview > .top-bar .collapse-spacing headerbar > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar > windowhandle > box, window.shortcuts:not(.ssd-frame) headerbar.titlebar > windowhandle > box, window.appchooser:not(.ssd-frame) headerbar.titlebar > windowhandle > box { padding-top: 3px; padding-bottom: 3px; }\n\ntoolbarview > .top-bar .collapse-spacing headerbar.default-decoration, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration, window.shortcuts:not(.ssd-frame) headerbar.default-decoration.titlebar, window.appchooser:not(.ssd-frame) headerbar.default-decoration.titlebar { min-height: 30px; }\n\ntoolbarview > .top-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, window.shortcuts:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box { padding-top: 0px; padding-bottom: 0px; }\n\n.titlebar:not(headerbar) separator { background-color: color-mix(in srgb, var(--headerbar-border-color) var(--border-opacity), transparent); }\n\n/********************* GtkWindowControls * */\nwindowcontrols { border-spacing: 3px; }\n\nwindowcontrols > button { min-width: 24px; padding: 5px; box-shadow: none; }\n\nwindowcontrols > button > image { background-color: color-mix(in srgb, currentColor 10%, transparent); border-radius: 100%; padding: 2px; transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nwindowcontrols > button, windowcontrols > button:hover, windowcontrols > button:active { background: none; }\n\nwindowcontrols > button:hover > image { background-color: color-mix(in srgb, currentColor 15%, transparent); }\n\nwindowcontrols > button:active > image { background-color: color-mix(in srgb, currentColor 30%, transparent); }\n\nwindowcontrols > .icon { margin: 9px; }\n\n/****************** AdwWindowTitle * */\nheaderbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }\n\nheaderbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }\n\nwindowtitle { margin-top: -6px; margin-bottom: -6px; min-height: 12px; }\n\nwindow.devel headerbar > windowhandle { background-image: cross-fade(5% -gtk-recolor(url(\"assets/devel-symbolic.svg\")), image(transparent)); background-repeat: repeat-x; }\n\nwindow.devel sheet headerbar > windowhandle { background-image: unset; background-repeat: unset; }\n\n.accent-color-row color { min-width: 16px; min-height: 16px; border-radius: 16px; }\n\n.accent-color-row color:disabled { opacity: var(--disabled-opacity); }\n\nadaptive-preview .device-view { background: #101011; color: white; box-shadow: 0 0 0 2px RGB(255 255 255/15%); margin: 2px; padding: var(--top-bezel) var(--side-bezel) var(--bottom-bezel); border-radius: var(--top-device-corner-radius) var(--top-device-corner-radius) var(--bottom-device-corner-radius) var(--bottom-device-corner-radius); --window-radius: 0px; /* Hack to make GtkGraphicsOffload disable offload in this case */ opacity: 99.9999999999999%; }\n\nadaptive-preview .device-view.custom { padding: 0; border-radius: 0; margin: 0; box-shadow: 0 2px 8px 2px RGB(0 0 0/7%), 0 3px 20px 10px RGB(0 0 0/5%), 0 6px 32px 16px RGB(0 0 0/2%), 0 0 0 1px RGB(0 0 0 / 5%); }\n\nadaptive-preview .device-view.highlight { background: oklab(from var(--accent-bg-color) 0.5 a b); box-shadow: none; }\n\nadaptive-preview .device-view.highlight .screen-view .shell-top-bar, adaptive-preview .device-view.highlight .screen-view .shell-bottom-bar { background: none; }\n\nadaptive-preview .device-view.highlight.custom { box-shadow: 0 2px 8px 2px RGB(0 0 0/7%), 0 3px 20px 10px RGB(0 0 0/5%), 0 6px 32px 16px RGB(0 0 0/2%), 0 0 0 3px oklab(from var(--accent-bg-color) 0.5 a b); }\n\nadaptive-preview .device-view .screen-view { border-radius: var(--top-screen-corner-radius) var(--top-screen-corner-radius) var(--bottom-screen-corner-radius) var(--bottom-screen-corner-radius); }\n\nadaptive-preview .device-view .screen-view.outline { filter: drop-shadow(3px 0 0 var(--accent-bg-color)) drop-shadow(-3px 0 0 var(--accent-bg-color)) drop-shadow(0 3px 0 var(--accent-bg-color)) drop-shadow(0 -3px 0 var(--accent-bg-color)); }\n\nadaptive-preview .device-view .screen-view .shell-top-bar, adaptive-preview .device-view .screen-view .shell-bottom-bar { background: black; }\n\nlabel { caret-color: currentColor; }\n\nlabel:disabled { filter: Opacity(var(--disabled-opacity)); }\n\n.dimmed, scale > value, progressbar > text, row.expander image.expander-row-arrow, row.property > box.header > box.title > .title, row label.subtitle, .dim-label, spinbutton > text > placeholder, entry > text > placeholder, headerbar .subtitle, windowtitle .subtitle, label.separator { opacity: var(--dim-opacity); }\n\n.accent { color: var(--accent-color); }\n\n.error { color: var(--accent-color); --accent-bg-color: var(--error-bg-color); --accent-fg-color: var(--error-fg-color); --accent-color: var(--error-color); }\n\n.warning { color: var(--accent-color); --accent-bg-color: var(--warning-bg-color); --accent-fg-color: var(--warning-fg-color); --accent-color: var(--warning-color); }\n\n.success { color: var(--accent-color); --accent-bg-color: var(--success-bg-color); --accent-fg-color: var(--success-fg-color); --accent-color: var(--success-color); }\n\n/********************** General Typography * */\n.title-1, statuspage > scrolledwindow > viewport > box > clamp > box > .title { font-weight: 800; font-size: 181%; }\n\n.title-2, statuspage.spinner > scrolledwindow > viewport > box > clamp > box > .title, statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title, window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title { font-weight: 800; font-size: 136%; }\n\n.title-3 { font-weight: 700; font-size: 136%; }\n\n.title-4 { font-weight: 700; font-size: 118%; }\n\n.heading, row.button .title, listview > header { font-weight: 700; }\n\n.body { font-weight: 400; }\n\n.caption-heading, columnview > header > button > box, treeview.view > header > button > box, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button > box { font-weight: 700; font-size: 82%; }\n\n.caption { font-weight: 400; font-size: 82%; }\n\n.monospace { font-family: var(--monospace-font-family); font-size: var(--monospace-font-size); }\n\n.numeric, spinbutton, scale > value, progressbar > text { font-feature-settings: \"tnum\"; }\n\n/******************* Editable Labels * */\neditablelabel > stack > text { color: var(--view-fg-color); background-color: var(--view-bg-color); }\n\nlevelbar:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nlevelbar.horizontal trough > block { min-height: 8px; border-radius: 99px; }\n\nlevelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 99px; }\n\nlevelbar.horizontal.discrete > trough > block { min-height: 8px; margin-right: 2px; min-width: 26px; border-radius: 0; }\n\nlevelbar.horizontal.discrete > trough > block:first-child { border-radius: 99px 0 0 99px; }\n\nlevelbar.horizontal.discrete > trough > block:last-child { border-radius: 0 99px 99px 0; margin-right: 0; }\n\nlevelbar.vertical trough > block { min-width: 8px; border-radius: 99px; }\n\nlevelbar.vertical trough > block.empty, levelbar.vertical trough > block.full { border-radius: 99px; }\n\nlevelbar.vertical.discrete > trough > block { min-width: 8px; margin-bottom: 2px; min-height: 26px; border-radius: 0; }\n\nlevelbar.vertical.discrete > trough > block:first-child { border-radius: 99px 99px 0 0; }\n\nlevelbar.vertical.discrete > trough > block:last-child { border-radius: 0 0 99px 99px; margin-bottom: 0; }\n\nlevelbar > trough { padding: 0; }\n\nlevelbar > trough > block.low { background-color: var(--warning-bg-color); }\n\nlevelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: var(--accent-bg-color); }\n\nlevelbar > trough > block.full { background-color: var(--success-bg-color); }\n\nlevelbar > trough > block.empty { background-color: color-mix(in srgb, currentColor 15%, transparent); }\n\n.linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }\n\n.linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n.linked.vertical button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }\n\n.linked.vertical button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\n.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }\n\n.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n.linked.vertical menubutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }\n\n.linked.vertical menubutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\n.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }\n\n.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n.linked.vertical dropdown:not(:first-child) > button, .linked.vertical combobox:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }\n\n.linked.vertical dropdown:not(:last-child) > button, .linked.vertical combobox:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\n.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }\n\n.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n.linked.vertical colorbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }\n\n.linked.vertical colorbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\n.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }\n\n.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n.linked.vertical fontbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }\n\n.linked.vertical fontbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\n.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }\n\n.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n.linked.vertical tabbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }\n\n.linked.vertical tabbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\n.linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }\n\n.linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n.linked.vertical spinbutton:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }\n\n.linked.vertical spinbutton:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\n.linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > entry:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }\n\n.linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > entry:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n.linked.vertical entry:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }\n\n.linked.vertical entry:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\n.linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }\n\n.linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n.linked.vertical combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }\n\n.linked.vertical combobox:not(:last-child) > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\n.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:first-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:last-child) > combobox > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }\n\n.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:last-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:first-child) > combobox > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n.linked.vertical appchooserbutton:not(:first-child) > combobox > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }\n\n.linked.vertical appchooserbutton:not(:last-child) > combobox > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\nlink, button.link { color: var(--accent-color); text-decoration: underline; font-weight: inherit; }\n\nlink:visited, button.link:visited { color: color-mix(in srgb, var(--accent-color) 80%, var(--view-fg-color)); }\n\nlink:hover, button.link:hover { color: HSL(from var(--accent-color) h calc(s * 1.1) calc(l * 1.1)); }\n\nlink:active, button.link:active { color: var(--accent-color); }\n\nlink:disabled, button.link:disabled { color: color-mix(in srgb, currentColor var(--disabled-opacity), transparent); }\n\n.osd link, .osd button.link { color: color-mix(in srgb, var(--accent-bg-color) 50%, white); }\n\n.osd link:visited, .osd button.link:visited { color: color-mix(in srgb, var(--accent-bg-color) 75%, white); }\n\n.osd link:active, .osd button.link:active { color: color-mix(in srgb, var(--accent-bg-color) 50%, white); }\n\nlink { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nlink:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\nbutton.link, button.link:hover, button.link:active, button.link:checked { background-color: transparent; }\n\nbutton.link > label { text-decoration: underline; }\n\nlistview, list { color: var(--view-fg-color); background-color: var(--view-bg-color); background-clip: padding-box; border-color: color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\nlistview > row, list > row { padding: 2px; background-clip: padding-box; }\n\nlistview > row.expander, list > row.expander { padding: 0px; }\n\nlistview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }\n\nlistview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\nlistview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\nlistview > header { padding: 2px; padding-top: 18px; padding-bottom: 6px; }\n\nrow { background-clip: padding-box; }\n\nrow { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nrow:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\n.osd row.activatable:hover { background-color: color-mix(in srgb, currentColor 7%, transparent); }\n\n.osd row.activatable:active { background-color: color-mix(in srgb, currentColor 16%, transparent); }\n\n.osd row.activatable.has-open-popup { background-color: color-mix(in srgb, currentColor 7%, transparent); }\n\n.osd row.activatable:selected:hover { background-color: color-mix(in srgb, currentColor 13%, transparent); }\n\n.osd row.activatable:selected:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }\n\n.osd row.activatable:selected.has-open-popup { background-color: color-mix(in srgb, currentColor 13%, transparent); }\n\n.osd row:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\nrow.activatable:hover { background-color: color-mix(in srgb, currentColor 4%, transparent); }\n\nrow.activatable:active { background-color: color-mix(in srgb, currentColor 8%, transparent); }\n\nrow.activatable.has-open-popup { background-color: color-mix(in srgb, currentColor 4%, transparent); }\n\nrow.activatable:selected:hover { background-color: color-mix(in srgb, var(--accent-bg-color) 32%, transparent); }\n\nrow.activatable:selected:active { background-color: color-mix(in srgb, var(--accent-bg-color) 39%, transparent); }\n\nrow.activatable:selected.has-open-popup { background-color: color-mix(in srgb, var(--accent-bg-color) 32%, transparent); }\n\nrow:selected { background-color: color-mix(in srgb, var(--accent-bg-color) 25%, transparent); }\n\n/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */\n.rich-list { /* rich lists usually containing other widgets than just labels/text */ }\n\n.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ }\n\n.rich-list > row > box { border-spacing: 12px; }\n\n.rich-list > header { padding-left: 12px; padding-right: 12px; }\n\n/**************** AdwActionRow * */\nrow label.subtitle { font-size: smaller; }\n\nrow > box.header { margin-left: 12px; margin-right: 12px; border-spacing: 6px; min-height: 50px; }\n\nrow > box.header > .icon:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nrow > box.header > box.title { margin-top: 6px; margin-bottom: 6px; border-spacing: 3px; padding: 0; }\n\nrow > box.header > box.title, row > box.header > box.title > .title, row > box.header > box.title > .subtitle { padding: 0; font-weight: inherit; }\n\nrow > box.header > .prefixes, row > box.header > .suffixes { border-spacing: 6px; }\n\nrow > box.header > .prefixes > .suffixes, row > box.header > .suffixes > .suffixes { border-spacing: 6px; }\n\nrow > box.header > .icon:dir(ltr), row > box.header > .prefixes:dir(ltr) { margin-right: 6px; }\n\nrow > box.header > .icon:dir(rtl), row > box.header > .prefixes:dir(rtl) { margin-left: 6px; }\n\nrow.property > box.header > box.title > .title { font-size: smaller; }\n\nrow.property > box.header > box.title > .subtitle { font-size: inherit; opacity: 1; }\n\nrow.property.monospace, row.expander.property > box > list > row.monospace { font-family: inherit; font-size: inherit; }\n\nrow.property.monospace > box.header > box.title > .subtitle, row.expander.property > box > list > row.monospace > box.header > box.title > .subtitle { font-family: var(--monospace-font-family); font-size: var(--monospace-font-size); }\n\n/****************************** AdwEntryRow and AdwSpinRow * */\nrow.entry:disabled text { opacity: var(--disabled-opacity); }\n\nrow.entry:disabled .dimmed, row.entry:disabled scale > value, row.entry:disabled progressbar > text, row.entry:disabled row.expander image.expander-row-arrow, row.expander row.entry:disabled image.expander-row-arrow, row.entry:disabled spinbutton > text > placeholder, row.entry:disabled entry > text > placeholder, row.entry:disabled label.separator, row.entry:disabled row.property > box.header > box.title > .title, row.entry:disabled .dim-label, row.entry:disabled .subtitle { opacity: 1; }\n\nrow.entry > box.header { border-spacing: 0; margin-left: 6px; margin-right: 6px; }\n\nrow.entry > box.header > .editable-area { padding: 0 6px; }\n\nrow.entry > box.header > .editable-area > .edit-icon, row.entry > box.header > .editable-area > .indicator { min-width: 24px; min-height: 24px; padding: 5px; }\n\nrow.entry > box.header > .editable-area > .edit-icon:dir(ltr), row.entry > box.header > .editable-area > .indicator:dir(ltr), row.entry > box.header > .editable-area > .apply-button:dir(ltr) { margin-left: 6px; }\n\nrow.entry > box.header > .editable-area > .edit-icon:dir(rtl), row.entry > box.header > .editable-area > .indicator:dir(rtl), row.entry > box.header > .editable-area > .apply-button:dir(rtl) { margin-right: 6px; }\n\nrow.entry > box.header > .editable-area > .edit-icon:disabled { opacity: 30%; }\n\nrow.entry > box.header > .editable-area > .indicator { opacity: 30%; }\n\nrow.entry > box.header > .prefixes:dir(ltr) { margin-left: 6px; }\n\nrow.entry > box.header > .prefixes:dir(rtl) { margin-right: 6px; }\n\nrow.entry > box.header > .suffixes:dir(ltr) { margin-right: 6px; }\n\nrow.entry > box.header > .suffixes:dir(rtl) { margin-left: 6px; }\n\nrow.entry.monospace { font-family: inherit; font-size: inherit; }\n\nrow.entry.monospace text { font-family: var(--monospace-font-family); font-size: var(--monospace-font-size); }\n\nrow.spin spinbutton { background: none; border-spacing: 6px; box-shadow: none; }\n\nrow.spin spinbutton, row.spin spinbutton:focus { outline: none; }\n\nrow.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { min-width: 30px; min-height: 30px; margin: 10px 2px; border: none; }\n\nrow.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child:disabled { filter: none; }\n\nrow.entry, row.spin { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nrow.entry.focused, row.spin.focused { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -1px; }\n\nrow.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active, row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { background-color: transparent; }\n\nrow.entry.error, row.spin.error { color: var(--accent-color); }\n\nrow.entry.error .dimmed, row.entry.error scale > value, row.entry.error progressbar > text, row.entry.error row.expander image.expander-row-arrow, row.expander row.entry.error image.expander-row-arrow, row.entry.error spinbutton > text > placeholder, row.entry.error entry > text > placeholder, row.entry.error label.separator, row.entry.error row.property > box.header > box.title > .title, row.entry.error .dim-label, row.entry.error .subtitle, row.spin.error .dimmed, row.spin.error scale > value, row.spin.error progressbar > text, row.spin.error row.expander image.expander-row-arrow, row.expander row.spin.error image.expander-row-arrow, row.spin.error spinbutton > text > placeholder, row.spin.error entry > text > placeholder, row.spin.error label.separator, row.spin.error row.property > box.header > box.title > .title, row.spin.error .dim-label, row.spin.error .subtitle { opacity: 1; }\n\nrow.entry.warning, row.spin.warning { color: var(--accent-color); }\n\nrow.entry.warning .dimmed, row.entry.warning scale > value, row.entry.warning progressbar > text, row.entry.warning row.expander image.expander-row-arrow, row.expander row.entry.warning image.expander-row-arrow, row.entry.warning spinbutton > text > placeholder, row.entry.warning entry > text > placeholder, row.entry.warning label.separator, row.entry.warning row.property > box.header > box.title > .title, row.entry.warning .dim-label, row.entry.warning .subtitle, row.spin.warning .dimmed, row.spin.warning scale > value, row.spin.warning progressbar > text, row.spin.warning row.expander image.expander-row-arrow, row.expander row.spin.warning image.expander-row-arrow, row.spin.warning spinbutton > text > placeholder, row.spin.warning entry > text > placeholder, row.spin.warning label.separator, row.spin.warning row.property > box.header > box.title > .title, row.spin.warning .dim-label, row.spin.warning .subtitle { opacity: 1; }\n\nrow.entry.success, row.spin.success { color: var(--accent-color); }\n\nrow.entry.success .dimmed, row.entry.success scale > value, row.entry.success progressbar > text, row.entry.success row.expander image.expander-row-arrow, row.expander row.entry.success image.expander-row-arrow, row.entry.success spinbutton > text > placeholder, row.entry.success entry > text > placeholder, row.entry.success label.separator, row.entry.success row.property > box.header > box.title > .title, row.entry.success .dim-label, row.entry.success .subtitle, row.spin.success .dimmed, row.spin.success scale > value, row.spin.success progressbar > text, row.spin.success row.expander image.expander-row-arrow, row.expander row.spin.success image.expander-row-arrow, row.spin.success spinbutton > text > placeholder, row.spin.success entry > text > placeholder, row.spin.success label.separator, row.spin.success row.property > box.header > box.title > .title, row.spin.success .dim-label, row.spin.success .subtitle { opacity: 1; }\n\n/*************** AdwComboRow * */\nrow.combo image.dropdown-arrow:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nrow.combo listview.inline { background: none; border: none; box-shadow: none; color: inherit; }\n\nrow.combo listview.inline, row.combo listview.inline:disabled { background: none; color: inherit; }\n\nrow.combo popover > contents { min-width: 120px; }\n\nrow.combo popover > contents .combo-searchbar { margin: 6px; }\n\nrow.combo popover > contents .combo-searchbar + scrolledwindow > undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\n/****************** AdwExpanderRow * */\nlist.boxed-list-separate > row.expander row.header, list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { border-bottom: 1px solid var(--card-shade-color); }\n\nlist.boxed-list-separate > row.expander row.header, list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nlist.boxed-list-separate > row.expander row.header:focus:focus-visible, list.boxed-list > row:focus:focus-visible, list.content > row:focus:focus-visible, list.boxed-list > row.expander row.header:focus:focus-visible, list.content > row.expander row.header:focus:focus-visible, row.expander list.nested > row:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -1px; }\n\nlist.boxed-list-separate > row.expander row.header:not(:selected).activatable:hover, list.boxed-list > row:not(:selected).activatable:hover, list.content > row:not(:selected).activatable:hover, list.boxed-list > row.expander row.header:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover { background-color: color-mix(in srgb, currentColor 3%, transparent); }\n\nlist.boxed-list-separate > row.expander row.header:not(:selected).activatable:active, list.boxed-list > row:not(:selected).activatable:active, list.content > row:not(:selected).activatable:active, list.boxed-list > row.expander row.header:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active { background-color: color-mix(in srgb, currentColor 8%, transparent); }\n\nlist.boxed-list-separate > row.expander row.header:not(:selected).activatable.has-open-popup, list.boxed-list > row:not(:selected).activatable.has-open-popup, list.content > row:not(:selected).activatable.has-open-popup, list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup { background-color: color-mix(in srgb, currentColor 3%, transparent); }\n\nrow.expander { background: none; padding: 0px; }\n\nrow.expander > box > list { background: none; color: inherit; }\n\nrow.expander list.nested { background-color: color-mix(in srgb, var(--card-shade-color) 50%, transparent); color: inherit; }\n\nrow.expander image.expander-row-arrow { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nrow.expander image.expander-row-arrow:dir(ltr) { margin-left: 3px; }\n\nrow.expander image.expander-row-arrow:dir(rtl) { margin-right: 3px; }\n\nrow.expander image.expander-row-arrow:dir(ltr) { -gtk-icon-transform: rotate(0.5turn); }\n\nrow.expander image.expander-row-arrow:dir(rtl) { -gtk-icon-transform: rotate(-0.5turn); }\n\nrow.expander image.expander-row-arrow:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nrow.expander:checked image.expander-row-arrow { -gtk-icon-transform: rotate(0turn); opacity: 1; }\n\nrow.expander:checked image.expander-row-arrow:not(:disabled) { color: var(--accent-color); }\n\n.osd row.expander:checked image.expander-row-arrow:not(:disabled) { color: inherit; }\n\nrow.expander.property.monospace > box > list > row > box.header > box.title > .subtitle, row.expander.property > box > list > row.expander.monospace > box > list > row > box.header > box.title > .subtitle { font-family: var(--monospace-font-family); font-size: var(--monospace-font-size); }\n\n/*************** AdwButtonRow * */\nrow.button > box { margin-left: 12px; margin-right: 12px; border-spacing: 6px; min-height: 40px; }\n\nrow.button > box > .icon:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nrow.button.suggested-action { background-color: var(--accent-bg-color); color: var(--accent-fg-color); border-bottom: none; }\n\nrow.button.suggested-action { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nrow.button.suggested-action:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 1px; }\n\nrow.button.suggested-action:not(.expander):not(:selected).activatable:hover { background-color: var(--accent-bg-color); background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }\n\nrow.button.suggested-action:not(.expander):not(:selected).activatable:active { background-color: var(--accent-bg-color); background-image: image(RGB(0 0 6/20%)); }\n\nrow.button.suggested-action:not(.expander):not(:selected).activatable.has-open-popup { background-color: var(--accent-bg-color); background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }\n\nrow.button.suggested-action:disabled { opacity: var(--disabled-opacity); }\n\nrow.button.suggested-action:disabled > box > .icon:disabled, row.button.suggested-action:disabled > box > label:disabled { filter: none; }\n\nrow.button.destructive-action { color: var(--accent-color); --accent-bg-color: var(--destructive-bg-color); --accent-fg-color: var(--destructive-fg-color); --accent-color: var(--destructive-color); }\n\n/***************** Boxed Lists * */\nlist.boxed-list > row.expander, list.content > row.expander { border: none; }\n\nlist.boxed-list > row:first-child, list.content > row:first-child, list.boxed-list > row:first-child.expander row.header, list.content > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; }\n\nlist.boxed-list > row:last-child, list.content > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, list.content > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom-width: 0; }\n\nlist.boxed-list-separate { background: none; color: var(--card-fg-color); }\n\nlist.boxed-list-separate > row { border: none; margin-bottom: 12px; }\n\nlist.boxed-list-separate > row:selected { background-color: var(--card-bg-color); background-color: color-mix(in srgb, var(--accent-bg-color) 25%, transparent); }\n\nlist.boxed-list-separate > row:last-child { margin-bottom: 0; }\n\nlist.boxed-list-separate > row { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nlist.boxed-list-separate > row:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -1px; }\n\nlist.boxed-list-separate > row:not(.expander):not(:selected).activatable:hover { background-color: var(--card-bg-color); background-image: image(color-mix(in srgb, currentColor 3%, transparent)); }\n\nlist.boxed-list-separate > row:not(.expander):not(:selected).activatable:active { background-color: var(--card-bg-color); background-image: image(color-mix(in srgb, currentColor 8%, transparent)); }\n\nlist.boxed-list-separate > row:not(.expander):not(:selected).activatable.has-open-popup { background-color: var(--card-bg-color); background-image: image(color-mix(in srgb, currentColor 3%, transparent)); }\n\nlist.boxed-list-separate > row.entry:not(:selected).activatable.focused:hover, list.boxed-list-separate > row.entry:not(:selected).activatable.focused:active, list.boxed-list-separate > row.spin:not(:selected).activatable.focused:hover, list.boxed-list-separate > row.spin:not(:selected).activatable.focused:active { background-color: var(--card-bg-color); background-image: none; }\n\nlist.boxed-list-separate > row.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; }\n\nlist.boxed-list-separate > row.expander:not(:checked) row.header, list.boxed-list-separate > row.expander.expander:checked list.nested, list.boxed-list-separate > row.expander.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom: none; }\n\npopover.menu > contents { min-width: 120px; }\n\npopover.menu scrollbar.vertical > range > trough > slider { min-height: 26px; }\n\npopover.menu box.inline-buttons { padding: 0 12px; }\n\npopover.menu box.inline-buttons button.image-button.model { min-height: 32px; min-width: 32px; padding: 0; border: none; outline: none; transition: none; }\n\npopover.menu box.inline-buttons button.image-button.model:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\npopover.menu box.inline-buttons button.image-button.model:selected:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }\n\npopover.menu box.circular-buttons { padding: 12px 12px 6px; }\n\npopover.menu box.circular-buttons button.circular.image-button.model { outline: none; padding: 11px; box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\npopover.menu box.circular-buttons button.circular.image-button.model:selected { background-color: color-mix(in srgb, currentColor 13%, transparent); box-shadow: none; }\n\npopover.menu box.circular-buttons button.circular.image-button.model:selected:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }\n\npopover.menu > contents { padding: 0; }\n\npopover.menu > contents > stack > box, popover.menu > contents > scrolledwindow > viewport > stack > box { padding: 6px; }\n\npopover.menu separator { margin: 6px 0; }\n\npopover.menu list separator { margin: 0; }\n\npopover.menu accelerator { color: color-mix(in srgb, currentColor var(--dim-opacity), transparent); }\n\npopover.menu accelerator:dir(ltr) { margin-left: 12px; }\n\npopover.menu accelerator:dir(rtl) { margin-right: 12px; }\n\npopover.menu check, popover.menu radio { min-width: 14px; min-height: 14px; -gtk-icon-size: 14px; padding: 2px; }\n\npopover.menu check, popover.menu check:hover:checked, popover.menu check:hover:indeterminate, popover.menu check:hover:not(:checked):not(:indeterminate), popover.menu check:active:checked, popover.menu check:active:indeterminate, popover.menu check:active:not(:checked):not(:indeterminate), popover.menu radio, popover.menu radio:hover:checked, popover.menu radio:hover:indeterminate, popover.menu radio:hover:not(:checked):not(:indeterminate), popover.menu radio:active:checked, popover.menu radio:active:indeterminate, popover.menu radio:active:not(:checked):not(:indeterminate) { background: none; box-shadow: none; color: inherit; }\n\n.osd popover.menu check, .osd popover.menu radio { background: none; color: inherit; }\n\npopover.menu radio { padding: 1px; border: 1px solid color-mix(in srgb, currentColor 30%, transparent); }\n\npopover.menu check.left, popover.menu radio.left, popover.menu arrow.left { margin-left: -2px; margin-right: 6px; }\n\npopover.menu check.right, popover.menu radio.right, popover.menu arrow.right { margin-left: 6px; margin-right: -2px; }\n\npopover.menu modelbutton { min-height: 32px; min-width: 40px; padding: 0 12px; border-radius: 9px; background-color: transparent; }\n\npopover.menu modelbutton:hover, popover.menu modelbutton:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\npopover.menu modelbutton:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }\n\npopover.menu modelbutton arrow { background: none; min-width: 16px; min-height: 16px; opacity: 30%; }\n\npopover.menu modelbutton arrow:hover { background: none; }\n\npopover.menu modelbutton arrow:disabled { filter: Opacity(var(--disabled-opacity)); }\n\npopover.menu modelbutton arrow.left { -gtk-icon-source: -gtk-icontheme(\"go-previous-symbolic\"); }\n\npopover.menu modelbutton arrow.right { -gtk-icon-source: -gtk-icontheme(\"go-next-symbolic\"); }\n\npopover.menu label.title { font-weight: bold; padding: 4px 32px; }\n\npopover.menu list, popover.menu listview { background: none; color: inherit; }\n\npopover.menu list > row, popover.menu listview > row { border-radius: 9px; padding: 0 12px; min-height: 32px; min-width: 40px; }\n\npopover.menu list > row:selected, popover.menu listview > row:selected { background: none; }\n\npopover.menu list > row:hover, popover.menu list > row:hover:selected.activatable, popover.menu listview > row:hover, popover.menu listview > row:hover:selected.activatable { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\npopover.menu list > row:active, popover.menu list > row:active:selected.activatable, popover.menu listview > row:active, popover.menu listview > row:active:selected.activatable { background-color: color-mix(in srgb, currentColor 19%, transparent); }\n\npopover.menu list > row.has-open-popup, popover.menu list > row.has-open-popup:selected.activatable, popover.menu listview > row.has-open-popup, popover.menu listview > row.has-open-popup:selected.activatable { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\npopover.menu list > row > box, popover.menu listview > row > box { border-spacing: 6px; }\n\npopover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; }\n\npopover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; }\n\nmenubar { box-shadow: inset 0 -1px color-mix(in srgb, currentColor var(--border-opacity), transparent); padding-bottom: 1px; }\n\nmenubar > item { min-height: 16px; padding: 4px 8px; border-radius: 9px; }\n\nmenubar > item:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\nmenubar > item popover.menu popover.menu { padding: 0 0 4px 0; }\n\nmenubar > item popover.menu popover.menu > contents { margin: 0; border-radius: 15px; }\n\ntoolbarview > .top-bar menubar, toolbarview > .bottom-bar menubar { box-shadow: none; padding-bottom: 0; }\n\n/******************** GtkMessageDialog * */\nwindow.dialog.message { background-color: var(--dialog-bg-color); color: var(--dialog-fg-color); }\n\nwindow.dialog.message.csd { outline: none; }\n\nwindow.dialog.message .titlebar { min-height: 32px; background: none; box-shadow: none; }\n\nwindow.dialog.message.csd:not(.solid-csd) { border-radius: 18px; }\n\nwindow.dialog.message.csd .dialog-action-area { margin: 0; padding: 24px; padding-top: 21px; border-spacing: 12px; }\n\nwindow.dialog.message.csd .dialog-action-area > button { min-height: 24px; padding: 10px 20px; border-radius: 12px; }\n\n/******************** AdwMessageDialog * */\nwindow.messagedialog, dialog-host > dialog.alert sheet, window.dialog-window.alert { background-color: var(--dialog-bg-color); color: var(--dialog-fg-color); }\n\ndialog-host > dialog.alert sheet { border-radius: 18px; outline: none; }\n\nwindow.messagedialog.csd:not(.solid-csd), window.dialog-window.alert.csd:not(.solid-csd) { border-radius: 18px; }\n\nwindow.messagedialog.csd, window.dialog-window.alert.csd { outline: none; }\n\ndialog-host > dialog.alert sheet .body-scrolled-window scrollbar.vertical, window.dialog-window.alert .body-scrolled-window scrollbar.vertical { padding-top: 6px; }\n\ndialog-host > dialog.alert sheet .body-scrolled-window > viewport, window.dialog-window.alert .body-scrolled-window > viewport { border-top-left-radius: 18px; border-top-right-radius: 18px; }\n\nwindow.messagedialog .message-area, dialog.alert .message-area { padding-top: 32px; padding-bottom: 9px; border-spacing: 24px; }\n\nwindow.messagedialog .message-area.has-heading.has-body, dialog.alert .message-area.has-heading.has-body { border-spacing: 10px; }\n\nwindow.messagedialog .message-area.has-heading.has-body > .child, dialog.alert .message-area.has-heading.has-body > .child { margin-top: 8px; }\n\nwindow.messagedialog .message-area > .heading-bin, window.messagedialog .message-area > .body, window.messagedialog .message-area > .child, dialog.alert .message-area > .heading-bin, dialog.alert .message-area > .body, dialog.alert .message-area > .child { padding-left: 24px; padding-right: 24px; }\n\nwindow.messagedialog .response-area, dialog.alert .response-area { padding: 24px; padding-top: 12px; border-spacing: 12px; }\n\nwindow.messagedialog .response-area > button, dialog.alert .response-area > button { min-height: 24px; min-width: 60px; padding: 10px 20px; border-radius: 12px; }\n\nwindow.messagedialog.short .message-area, dialog.alert.short .message-area { padding-top: 24px; border-spacing: 18px; }\n\nwindow.messagedialog.short .message-area > .heading-bin, window.messagedialog.short .message-area > .body, window.messagedialog.short .message-area > .child, dialog.alert.short .message-area > .heading-bin, dialog.alert.short .message-area > .body, dialog.alert.short .message-area > .child { padding-left: 18px; padding-right: 18px; }\n\nwindow.messagedialog.short .message-area.has-heading.has-body, dialog.alert.short .message-area.has-heading.has-body { border-spacing: 6px; }\n\nwindow.messagedialog.short .response-area, dialog.alert.short .response-area { padding: 18px; padding-top: 9px; }\n\nwindow.messagedialog.short .response-area > button, dialog.alert.short .response-area > button { min-width: 0; padding: 8px 16px; }\n\n/********** Frames * */\nframe, .frame { border: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\nframe { border-radius: 12px; }\n\nframe > label { margin: 4px; }\n\n/************** Separators * */\nseparator { background: color-mix(in srgb, currentColor var(--border-opacity), transparent); min-width: 1px; min-height: 1px; }\n\nseparator.spacer { background: none; }\n\nseparator.spacer.horizontal { min-width: 12px; }\n\nseparator.spacer.vertical { min-height: 12px; }\n\n/********** Toasts * */\ntoast { background: #505053; color: white; box-shadow: 0 1px 3px 1px RGB(0 0 6/7%), 0 2px 6px 2px RGB(0 0 6/3%); --standalone-color-oklab: Max(l, 0.85) a b; --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab)); --destructive-color: oklab(from var(--destructive-bg-color) var(--standalone-color-oklab)); --success-color: oklab(from var(--success-bg-color) var(--standalone-color-oklab)); --warning-color: oklab(from var(--warning-bg-color) var(--standalone-color-oklab)); --error-color: oklab(from var(--error-bg-color) var(--standalone-color-oklab)); margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; }\n\ntoast:dir(ltr) { padding-left: 12px; }\n\ntoast:dir(rtl) { padding-right: 12px; }\n\ntoast > widget { margin: 0 6px; }\n\n/************** GtkVideo * */\nvideo image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }\n\n/****************** AdwAboutWindow * */\nwindow.about .main-page > viewport > clamp > box, dialog.about .main-page > viewport > clamp > box { margin: 12px; border-spacing: 6px; }\n\nwindow.about .main-page > viewport > clamp > box > box, dialog.about .main-page > viewport > clamp > box > box { margin-top: 18px; border-spacing: 18px; margin-bottom: 6px; }\n\nwindow.about .main-page .app-version, dialog.about .main-page .app-version { padding: 3px 18px; color: var(--accent-color); border-radius: 999px; margin-top: 3px; }\n\nwindow.about .subpage > viewport > clamp > box, dialog.about .subpage > viewport > clamp > box { margin: 18px 12px; border-spacing: 18px; }\n\nwindow.about .subpage > clamp > textview, dialog.about .subpage > clamp > textview { background: none; color: inherit; }\n\n/***************** AdwStatusPage * */\nstatuspage > scrolledwindow > viewport > box { margin: 36px 12px; border-spacing: 36px; }\n\nstatuspage > scrolledwindow > viewport > box > clamp > box { border-spacing: 12px; }\n\nstatuspage > scrolledwindow > viewport > box > clamp > box > .icon { color: color-mix(in srgb, currentColor var(--dim-opacity), transparent); -gtk-icon-size: 128px; }\n\nstatuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { opacity: var(--disabled-opacity); }\n\nstatuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 24px; }\n\nstatuspage.compact > scrolledwindow > viewport > box { margin: 24px 12px; border-spacing: 24px; }\n\nstatuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 96px; }\n\nstatuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 12px; }\n\nstatuspage.spinner > scrolledwindow > viewport > box { margin: 24px 12px; border-spacing: 24px; }\n\nstatuspage.spinner > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 64px; }\n\nstatuspage.spinner > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 12px; }\n\n/* Cards */\nshortcut > .keycap, list.boxed-list, list.content, list.boxed-list-separate > row, .card { background-color: var(--card-bg-color); color: var(--card-fg-color); border-radius: 12px; box-shadow: 0 0 0 1px RGB(0 0 6/3%), 0 1px 3px 1px RGB(0 0 6/7%), 0 2px 6px 2px RGB(0 0 6/3%); }\n\n.osd shortcut > .keycap, .osd list.boxed-list, .osd list.content, .osd list.boxed-list-separate > row, shortcut > .osd.keycap, list.osd.boxed-list, list.osd.content, list.boxed-list-separate > row.osd, .osd .card, .card.osd { background-color: color-mix(in srgb, currentColor 10%, transparent); color: RGB(255 255 255/90%); box-shadow: none; }\n\n.card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\n.card:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -1px; }\n\n.card.activatable { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\n.card.activatable:hover { background-image: image(color-mix(in srgb, currentColor 3%, transparent)); }\n\n.card.activatable:active { background-image: image(color-mix(in srgb, currentColor 8%, transparent)); }\n\n/* Transition shadows */\nflap > dimming, leaflet > dimming, navigation-view > dimming, overlay-split-view > dimming { background: var(--shade-color); }\n\nflap > shadow, leaflet > shadow, navigation-view > shadow, overlay-split-view > shadow { min-width: 56px; min-height: 56px; }\n\nflap > shadow.left, leaflet > shadow.left, navigation-view > shadow.left, overlay-split-view > shadow.left { background-image: linear-gradient(to right, color-mix(in srgb, var(--shade-color) 70%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 40px, RGB(from var(--shade-color) r g b/0) 56px), linear-gradient(to right, color-mix(in srgb, var(--shade-color) 40%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 7px, RGB(from var(--shade-color) r g b/0) 24px); }\n\nflap > shadow.right, leaflet > shadow.right, navigation-view > shadow.right, overlay-split-view > shadow.right { background-image: linear-gradient(to left, color-mix(in srgb, var(--shade-color) 70%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 40px, RGB(from var(--shade-color) r g b/0) 56px), linear-gradient(to left, color-mix(in srgb, var(--shade-color) 40%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 7px, RGB(from var(--shade-color) r g b/0) 24px); }\n\nflap > shadow.up, leaflet > shadow.up, navigation-view > shadow.up, overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 70%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 40px, RGB(from var(--shade-color) r g b/0) 56px), linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 40%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 7px, RGB(from var(--shade-color) r g b/0) 24px); }\n\nflap > shadow.down, leaflet > shadow.down, navigation-view > shadow.down, overlay-split-view > shadow.down { background-image: linear-gradient(to top, color-mix(in srgb, var(--shade-color) 70%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 40px, RGB(from var(--shade-color) r g b/0) 56px), linear-gradient(to top, color-mix(in srgb, var(--shade-color) 40%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 7px, RGB(from var(--shade-color) r g b/0) 24px); }\n\nnotebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nnotebook:focus:focus-visible > header > tabs > tab:checked { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\nnotebook > header { padding: 1px; border-color: color-mix(in srgb, currentColor var(--border-opacity), transparent); border-width: 1px; background-clip: padding-box; }\n\nnotebook > header > tabs { margin: -1px; }\n\nnotebook > header.top { border-bottom-style: solid; }\n\nnotebook > header.top > tabs { margin-bottom: -2px; }\n\nnotebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\nnotebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px var(--accent-bg-color); }\n\nnotebook > header.bottom { border-top-style: solid; }\n\nnotebook > header.bottom > tabs { margin-top: -2px; }\n\nnotebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\nnotebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px var(--accent-bg-color); }\n\nnotebook > header.left { border-right-style: solid; }\n\nnotebook > header.left > tabs { margin-right: -2px; }\n\nnotebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\nnotebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 var(--accent-bg-color); }\n\nnotebook > header.right { border-left-style: solid; }\n\nnotebook > header.right > tabs { margin-left: -2px; }\n\nnotebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\nnotebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 var(--accent-bg-color); }\n\nnotebook > header.top > tabs > arrow { border-top-style: none; }\n\nnotebook > header.bottom > tabs > arrow { border-bottom-style: none; }\n\nnotebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; }\n\nnotebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme(\"pan-start-symbolic\"); }\n\nnotebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme(\"pan-end-symbolic\"); }\n\nnotebook > header.left > tabs > arrow { border-left-style: none; }\n\nnotebook > header.right > tabs > arrow { border-right-style: none; }\n\nnotebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }\n\nnotebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme(\"pan-up-symbolic\"); }\n\nnotebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme(\"pan-down-symbolic\"); }\n\nnotebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; }\n\nnotebook > header > tabs > arrow:hover:not(:active) { box-shadow: none; }\n\nnotebook > header > tabs > tab { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 30px; min-width: 30px; padding: 3px 12px; font-weight: normal; }\n\nnotebook > header > tabs > tab:hover, notebook > header > tabs > tab:active { background-color: color-mix(in srgb, currentColor 7%, transparent); }\n\nnotebook > header > tabs > tab:not(:checked) { outline-color: transparent; }\n\nnotebook > header > tabs > tab:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nnotebook > header > tabs > tab:disabled a label, notebook > header > tabs > tab:disabled button { filter: none; }\n\nnotebook > header > tabs > tab button.flat { color: color-mix(in srgb, currentColor 30%, transparent); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; }\n\nnotebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.flat:active { color: currentColor; }\n\nnotebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }\n\nnotebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }\n\nnotebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; }\n\nnotebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; }\n\nnotebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; }\n\nnotebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; }\n\nnotebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 4px; }\n\nnotebook > header.left > tabs, notebook > header.right > tabs { padding-top: 4px; padding-bottom: 4px; }\n\nnotebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; }\n\nnotebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; }\n\nnotebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; }\n\nnotebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; }\n\nnotebook > header.top > tabs > tab { padding-bottom: 4px; }\n\nnotebook > header.bottom > tabs > tab { padding-top: 4px; }\n\nnotebook > stack:not(:only-child) { background-color: var(--view-bg-color); }\n\npaned > separator { min-width: 1px; min-height: 1px; background: none; background-size: 1px 1px; }\n\npaned > separator.wide { min-width: 5px; min-height: 5px; }\n\npaned.horizontal > separator:dir(ltr) { box-shadow: inset 1px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\npaned.horizontal > separator:dir(rtl) { box-shadow: inset -1px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\npaned.horizontal > separator.wide { box-shadow: inset 1px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent), inset -1px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\npaned.vertical > separator { box-shadow: inset 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\npaned.vertical > separator.wide { box-shadow: inset 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent), inset 0 -1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\ntoolbarview.undershoot-top popover scrolledwindow:not(.undershoot-top) undershoot.top, toolbarview.undershoot-bottom popover scrolledwindow:not(.undershoot-bottom) undershoot.bottom { background: none; box-shadow: none; }\n\npopover { --shade-color: var(--popover-shade-color); }\n\npopover.background { background-color: transparent; font: initial; }\n\npopover > arrow, popover > contents { background-color: var(--popover-bg-color); color: var(--popover-fg-color); background-clip: padding-box; border: 1px solid RGB(0 0 0/14%); box-shadow: 0 1px 5px 1px RGB(0 0 0/9%), 0 2px 14px 3px RGB(0 0 0/5%); }\n\npopover > contents { padding: 8px; border-radius: 15px; }\n\npopover > contents > list, popover > contents > .view, window.print:not(.ssd-frame) popover > contents > .dialog-action-box, popover > contents > toolbar { border-style: none; background-color: transparent; }\n\n.solid-csd popover { background: var(--popover-bg-color); color: var(--popover-fg-color); border: 1px solid var(--border-color); }\n\n.solid-csd popover > arrow, .solid-csd popover > contents { box-shadow: none; border-radius: 0; background-clip: border-box; border: none; }\n\n.osd popover, popover.touch-selection, popover.magnifier { background-color: transparent; color: RGB(255 255 255/90%); }\n\n.osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents { border-color: RGB(255 255 255/10%); box-shadow: none; }\n\npreferencespage > scrolledwindow > viewport > clamp > box { margin: 24px 12px; border-spacing: 24px; }\n\npreferencesgroup > box, preferencesgroup > box box.labels { border-spacing: 6px; }\n\npreferencesgroup > box > box.header:not(.single-line) { margin-bottom: 6px; }\n\npreferencesgroup > box > box.single-line { min-height: 34px; }\n\nprogressbar.horizontal > trough { min-width: 150px; }\n\nprogressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 8px; }\n\nprogressbar.vertical > trough { min-height: 80px; }\n\nprogressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 8px; }\n\nprogressbar > text { font-size: smaller; }\n\nprogressbar:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nprogressbar > trough > progress { /* share most of scales' */ border-radius: 99px; }\n\nprogressbar > trough > progress.left { border-top-left-radius: 99px; border-bottom-left-radius: 99px; }\n\nprogressbar > trough > progress.right { border-top-right-radius: 99px; border-bottom-right-radius: 99px; }\n\nprogressbar > trough > progress.top { border-top-right-radius: 99px; border-top-left-radius: 99px; }\n\nprogressbar > trough > progress.bottom { border-bottom-right-radius: 99px; border-bottom-left-radius: 99px; }\n\nprogressbar.osd { min-width: 2px; min-height: 2px; }\n\nprogressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }\n\nprogressbar.osd > trough > progress { border-style: none; border-radius: 0; }\n\nprogressbar.osd.horizontal > trough, progressbar.osd.horizontal > trough > progress { min-height: 2px; }\n\nprogressbar.osd.vertical > trough, progressbar.osd.vertical > trough > progress { min-width: 2px; }\n\nprogressbar > trough.empty > progress { all: unset; }\n\nscale > trough > fill, scale > trough, progressbar > trough { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 99px; background-color: color-mix(in srgb, currentColor 15%, transparent); }\n\nscale > trough > highlight, progressbar > trough > progress { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 99px; background-color: var(--accent-bg-color); color: var(--accent-fg-color); }\n\nscale { min-height: 10px; min-width: 10px; padding: 12px; }\n\nscale > trough > slider { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nscale:focus:focus-visible > trough > slider { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 0; }\n\nscale > trough > slider { background-color: color-mix(in srgb, white 80%, var(--view-bg-color)); box-shadow: 0 0 0 1px RGB(0 0 6 / 10%), 0 2px 4px RGB(0 0 6/20%); border-radius: 100%; min-width: 20px; min-height: 20px; margin: -8px; }\n\nscale:hover > trough, scale:active > trough { background-color: color-mix(in srgb, currentColor 20%, transparent); }\n\nscale:hover > trough > highlight, scale:active > trough > highlight { background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }\n\nscale:hover > trough > slider, scale:active > trough > slider { background-color: white; }\n\nscale:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nscale:disabled > trough > slider { box-shadow: 0 0 0 1px RGB(0 0 6 / 10%), 0 2px 4px transparent; outline-color: RGB(0 0 6 / 20%); }\n\nscale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 0 0 1px RGB(0 0 6 / 10%), 1px 1px 4px RGB(0 0 6/20%); }\n\nscale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 0 0 1px RGB(0 0 6 / 10%), 1px 1px 4px transparent; }\n\nscale.horizontal > marks { color: color-mix(in srgb, currentColor var(--dim-opacity), transparent); }\n\nscale.horizontal > marks.top { margin-bottom: 6px; }\n\nscale.horizontal > marks.bottom { margin-top: 6px; }\n\nscale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }\n\nscale.horizontal:not(.marks-before) > value.top { margin-bottom: 12px; }\n\nscale.horizontal:not(.marks-after) > value.bottom { margin-top: 12px; }\n\nscale.horizontal > value.left { margin-right: 9px; }\n\nscale.horizontal > value.right { margin-left: 9px; }\n\nscale.horizontal.fine-tune > trough { margin: -3px 0px; }\n\nscale.horizontal.fine-tune > trough > slider { margin: -5px -8px; }\n\nscale.horizontal.fine-tune > marks.top { margin-top: 3px; }\n\nscale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; }\n\nscale.horizontal.fine-tune > marks indicator { min-height: 3px; }\n\nscale.horizontal.marks-before { padding-top: 0; }\n\nscale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; }\n\nscale.horizontal.marks-after { padding-bottom: 0; }\n\nscale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; }\n\nscale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; }\n\nscale.vertical > marks { color: color-mix(in srgb, currentColor var(--dim-opacity), transparent); }\n\nscale.vertical > marks.top { margin-right: 6px; }\n\nscale.vertical > marks.bottom { margin-left: 6px; }\n\nscale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }\n\nscale.vertical:not(.marks-before) > value.left { margin-right: 12px; }\n\nscale.vertical:not(.marks-after) > value.right { margin-left: 12px; }\n\nscale.vertical > value.top { margin-bottom: 9px; }\n\nscale.vertical > value.bottom { margin-top: 9px; }\n\nscale.vertical.fine-tune > trough { margin: 0px -3px; }\n\nscale.vertical.fine-tune > trough > slider { margin: -8px -5px; }\n\nscale.vertical.fine-tune > marks.top { margin-left: 3px; }\n\nscale.vertical.fine-tune > marks.bottom { margin-right: 3px; }\n\nscale.vertical.fine-tune > marks indicator { min-width: 3px; }\n\nscale.vertical.marks-before { padding-left: 0; }\n\nscale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; }\n\nscale.vertical.marks-after { padding-right: 0; }\n\nscale.vertical.marks-after > trough > slider { border-top-right-radius: 0; }\n\nscale.color { padding: 0; }\n\nscale.color > trough { border: none; background: none; border-radius: 10px; }\n\nscale.color > trough > slider { margin: 0; background-color: RGB(255 255 255/80%); }\n\nscale.color.fine-tune { padding: 2px; }\n\nscale.color.fine-tune > trough > slider { margin: -2px; }\n\nscrollbar > range > trough { margin: 9px; transition: all 200ms linear; border-radius: 99px; }\n\nscrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -8px; border: 8px solid transparent; border-radius: 99px; background-clip: padding-box; transition: all 200ms linear; background-color: color-mix(in srgb, currentColor 20%, transparent); }\n\nscrollbar > range > trough > slider:hover { background-color: color-mix(in srgb, currentColor 40%, transparent); }\n\nscrollbar > range > trough > slider:active { background-color: color-mix(in srgb, currentColor 60%, transparent); }\n\nscrollbar > range > trough > slider:disabled { opacity: 0; }\n\nscrollbar.horizontal > range > trough { margin-top: 8px; margin-bottom: 8px; }\n\nscrollbar.vertical > range > trough { margin-left: 8px; margin-right: 8px; }\n\nscrollbar.overlay-indicator { background: none; color: inherit; box-shadow: none; padding: 0; }\n\nscrollbar.overlay-indicator > range > trough { outline: 1px solid transparent; }\n\nscrollbar.overlay-indicator > range > trough > slider { outline: 1px solid color-mix(in srgb, var(--scrollbar-outline-color) 60%, transparent); outline-offset: -8px; }\n\nscrollbar.overlay-indicator:not(.hovering) > range > trough > slider { min-width: 3px; min-height: 3px; outline-color: color-mix(in srgb, var(--scrollbar-outline-color) 35%, transparent); }\n\nscrollbar.overlay-indicator.hovering > range > trough { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\nscrollbar.overlay-indicator.horizontal > range > trough > slider { min-width: 40px; }\n\nscrollbar.overlay-indicator.horizontal.hovering > range > trough > slider { min-height: 8px; }\n\nscrollbar.overlay-indicator.horizontal:not(.hovering) > range > trough { margin-top: 4px; margin-bottom: 4px; }\n\nscrollbar.overlay-indicator.vertical > range > trough > slider { min-height: 40px; }\n\nscrollbar.overlay-indicator.vertical.hovering > range > trough > slider { min-width: 8px; }\n\nscrollbar.overlay-indicator.vertical:not(.hovering) > range > trough { margin-left: 4px; margin-right: 4px; }\n\nscrollbar.horizontal > range > trough > slider { min-width: 40px; }\n\nscrollbar.vertical > range > trough > slider { min-height: 40px; }\n\nscrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: color-mix(in srgb, var(--accent-color) 60%, transparent); }\n\nscrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, color-mix(in srgb, currentColor 12%, transparent) 85%, RGB(from currentColor r g b/0)), radial-gradient(farthest-side at top, color-mix(in srgb, currentColor 5%, transparent), RGB(from currentColor r g b/0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }\n\nscrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, color-mix(in srgb, currentColor 12%, transparent) 85%, RGB(from currentColor r g b/0)), radial-gradient(farthest-side at bottom, color-mix(in srgb, currentColor 5%, transparent), RGB(from currentColor r g b/0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }\n\nscrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, color-mix(in srgb, currentColor 12%, transparent) 85%, RGB(from currentColor r g b/0)), radial-gradient(farthest-side at left, color-mix(in srgb, currentColor 5%, transparent), RGB(from currentColor r g b/0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }\n\nscrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, color-mix(in srgb, currentColor 12%, transparent) 85%, RGB(from currentColor r g b/0)), radial-gradient(farthest-side at right, color-mix(in srgb, currentColor 5%, transparent), RGB(from currentColor r g b/0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }\n\nscrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\nscrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to top, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\nscrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to right, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\nscrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to left, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\nscrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to left, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\nscrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to right, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\nshortcuts-section { margin: 20px; }\n\n.shortcuts-search-results { margin: 20px; border-spacing: 24px; }\n\nshortcut { border-spacing: 6px; border-radius: 6px; }\n\nshortcut { outline: 0 solid transparent; outline-offset: 8px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nshortcut:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 4px; }\n\nshortcut > .keycap { min-width: 20px; min-height: 25px; padding: 2px 6px; border-radius: 6px; font-size: smaller; }\n\nshortcuts-section stackswitcher.circular { border-spacing: 12px; }\n\nshortcuts-section stackswitcher.circular > button.circular, shortcuts-section stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }\n\nwindow.shortcuts:not(.ssd-frame) headerbar.titlebar > windowhandle { padding-top: 3px; }\n\nwindow.shortcuts:not(.ssd-frame) searchbar { background: none; }\n\n.sidebar-pane { background-color: var(--sidebar-bg-color); color: var(--sidebar-fg-color); --shade-color: var(--sidebar-shade-color); }\n\n.sidebar-pane:backdrop { background-color: var(--sidebar-backdrop-color); transition: background-color 200ms ease-out; }\n\n.sidebar-pane banner > revealer > widget { background-color: color-mix(in srgb, var(--banner-color) 30%, var(--sidebar-bg-color)); color: var(--sidebar-fg-color); }\n\n.sidebar-pane banner > revealer > widget:backdrop { background-color: color-mix(in srgb, var(--banner-color) 15%, var(--sidebar-bg-color)); }\n\n.sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 var(--sidebar-border-color); }\n\n.sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 var(--sidebar-border-color); }\n\n/* Middle pane in three-pane setups */\n:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane { background-color: var(--secondary-sidebar-bg-color); color: var(--secondary-sidebar-fg-color); --shade-color: var(--secondary-sidebar-shade-color); }\n\n:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane:backdrop, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane:backdrop { background-color: var(--secondary-sidebar-backdrop-color); transition: background-color 200ms ease-out; }\n\n:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane banner > revealer > widget, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane banner > revealer > widget { background-color: color-mix(in srgb, var(--banner-color) 30%, var(--secondary-sidebar-bg-color)); color: var(--secondary-sidebar-fg-color); }\n\n:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane banner > revealer > widget:backdrop, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane banner > revealer > widget:backdrop { background-color: color-mix(in srgb, var(--banner-color) 15%, var(--secondary-sidebar-bg-color)); }\n\n:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane:dir(ltr), :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane:dir(ltr) banner > revealer > widget, :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane.end:dir(rtl), :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane.end:dir(rtl) banner > revealer > widget, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane:dir(ltr), :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane:dir(ltr) banner > revealer > widget, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane.end:dir(rtl), :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 var(--secondary-sidebar-border-color); }\n\n:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane:dir(rtl), :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane:dir(rtl) banner > revealer > widget, :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane.end:dir(ltr), :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane.end:dir(ltr) banner > revealer > widget, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane:dir(rtl), :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane:dir(rtl) banner > revealer > widget, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane.end:dir(ltr), :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 var(--secondary-sidebar-border-color); }\n\n.sidebar-pane .sidebar-pane { background-color: transparent; color: inherit; }\n\nstacksidebar row { padding: 10px 4px; }\n\nstacksidebar row > label { padding-left: 6px; padding-right: 6px; }\n\nstacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }\n\n/********************** Navigation Sidebar * */\n.navigation-sidebar { padding: 6px 0; }\n\n.navigation-sidebar, .navigation-sidebar.view, window.print:not(.ssd-frame) .navigation-sidebar.dialog-action-box, .navigation-sidebar.view:disabled { background-color: transparent; color: inherit; }\n\n.navigation-sidebar.background, .navigation-sidebar.background:disabled { background-color: var(--window-bg-color); color: var(--window-fg-color); }\n\n.navigation-sidebar row.activatable:hover, .navigation-sidebar child.activatable:hover, .navigation-sidebar flowboxchild:hover { background-color: color-mix(in srgb, currentColor 7%, transparent); }\n\n.navigation-sidebar row.activatable:active, .navigation-sidebar child.activatable:active, .navigation-sidebar flowboxchild:active { background-color: color-mix(in srgb, currentColor 16%, transparent); }\n\n.navigation-sidebar row.activatable.has-open-popup, .navigation-sidebar child.activatable.has-open-popup, .navigation-sidebar flowboxchild.has-open-popup { background-color: color-mix(in srgb, currentColor 7%, transparent); }\n\n.navigation-sidebar row.activatable:selected:hover, .navigation-sidebar child.activatable:selected:hover, .navigation-sidebar flowboxchild:selected:hover { background-color: color-mix(in srgb, currentColor 13%, transparent); }\n\n.navigation-sidebar row.activatable:selected:active, .navigation-sidebar child.activatable:selected:active, .navigation-sidebar flowboxchild:selected:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }\n\n.navigation-sidebar row.activatable:selected.has-open-popup, .navigation-sidebar child.activatable:selected.has-open-popup, .navigation-sidebar flowboxchild:selected.has-open-popup { background-color: color-mix(in srgb, currentColor 13%, transparent); }\n\n.navigation-sidebar row:selected, .navigation-sidebar child:selected, .navigation-sidebar flowboxchild:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\n.navigation-sidebar > separator { margin: 6px; }\n\n.navigation-sidebar > row { border-radius: 9px; min-height: 36px; padding: 0 8px; margin: 0 6px 2px; }\n\n.navigation-sidebar > child, .navigation-sidebar > flowboxchild { border-radius: 9px; margin: 3px; padding: 8px; }\n\ngridview.navigation-sidebar, flowbox.navigation-sidebar { padding: 3px; }\n\n@keyframes spin { to { transform: rotate(1turn); } }\n\nspinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme(\"process-working-symbolic\"); }\n\nspinner:checked { opacity: 1; animation: spin 1s linear infinite; }\n\nspinner:checked:disabled { opacity: var(--disabled-opacity); }\n\n/************** AdwSpinner * */\nimage.spinner:disabled { opacity: var(--disabled-opacity); }\n\nspinbutton { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ }\n\nspinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { margin: 0; border-radius: 0; box-shadow: none; border-style: solid; border-color: color-mix(in srgb, currentColor 10%, transparent); }\n\nspinbutton:not(.vertical) { /* :not here just to bump specificity above that of the list button styling */ }\n\nspinbutton:not(.vertical) > text { min-width: 28px; padding: 6px; }\n\nspinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-height: 16px; min-width: 22px; padding-bottom: 0; padding-top: 0; border-left-width: 1px; }\n\nspinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl) { border-left-width: 0; border-right-width: 1px; }\n\nspinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child { border-radius: 0 9px 9px 0; }\n\nspinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { border-radius: 9px 0 0 9px; }\n\nspinbutton.vertical { /* :not here just to bump specificity above that of the list button styling */ }\n\nspinbutton.vertical > text { min-height: 30px; min-width: 30px; }\n\nspinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child { border-top-width: 1px; border-radius: 0 0 9px 9px; }\n\nspinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child { border-bottom-width: 1px; border-radius: 9px 9px 0 0; }\n\nswitch { border-radius: 14px; padding: 3px; background-color: color-mix(in srgb, currentColor 15%, transparent); }\n\nswitch:hover { background-color: color-mix(in srgb, currentColor 20%, transparent); }\n\nswitch:active { background-color: color-mix(in srgb, currentColor 25%, transparent); }\n\nswitch { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nswitch:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 1px; }\n\nswitch:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nswitch > slider { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: color-mix(in srgb, white 80%, var(--view-bg-color)); box-shadow: 0 2px 4px RGB(0 0 6/20%); }\n\nswitch > slider:disabled { box-shadow: 0 2px 4px transparent; }\n\nswitch:hover > slider, switch:active > slider { background: white; }\n\nswitch:checked { color: var(--accent-fg-color); background-color: var(--accent-bg-color); }\n\nswitch:checked:hover { background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }\n\nswitch:checked:active { background-image: image(RGB(0 0 6/20%)); }\n\nswitch:checked > slider { background-color: white; }\n\n.osd switch:checked { background-color: RGB(255 255 255/60%); }\n\ntabbar .box { background-color: var(--headerbar-bg-color); color: var(--headerbar-fg-color); box-shadow: inset 0 -1px var(--headerbar-shade-color); padding: 1px; padding-top: 0; }\n\ntabbar .box:backdrop { background-color: var(--headerbar-backdrop-color); transition: background-color 200ms ease-out; }\n\ntabbar .box:backdrop > scrolledwindow, tabbar .box:backdrop > .start-action, tabbar .box:backdrop > .end-action { filter: opacity(0.5); transition: filter 200ms ease-out; }\n\ntabbar tabbox { padding-bottom: 6px; padding-top: 6px; min-height: 34px; }\n\ntabbar tabbox > tabboxchild { border-radius: 9px; }\n\ntabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\ntabbar tabbox > tabboxchild:focus-within:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\ntabbar tabbox > separator { margin-top: 3px; margin-bottom: 3px; transition: opacity 150ms ease-in-out; }\n\ntabbar tabbox > separator.hidden { opacity: 0; }\n\ntabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 3px 6px; background: color-mix(in srgb, var(--accent-color) 50%, transparent); }\n\ntabbar tab { transition: background 150ms ease-in-out; }\n\ntabbar tab:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\ntabbar tab:selected:hover { background-color: color-mix(in srgb, currentColor 13%, transparent); }\n\ntabbar tab:selected:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }\n\ntabbar tab:hover { background-color: color-mix(in srgb, currentColor 7%, transparent); }\n\ntabbar tab:active { background-color: color-mix(in srgb, currentColor 16%, transparent); }\n\ntabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; }\n\ntabbar .start-action, tabbar .end-action { padding: 6px 5px; }\n\ntabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; }\n\ntabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; }\n\ntoolbarview > .top-bar tabbar .box, toolbarview > .bottom-bar tabbar .box, tabbar.inline .box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 0; }\n\ntoolbarview > .top-bar tabbar .box:backdrop, toolbarview > .bottom-bar tabbar .box:backdrop, tabbar.inline .box:backdrop { background-color: transparent; transition: none; }\n\ntoolbarview > .top-bar tabbar .box:backdrop > scrolledwindow, toolbarview > .bottom-bar tabbar .box:backdrop > scrolledwindow, tabbar.inline .box:backdrop > scrolledwindow, toolbarview > .top-bar tabbar .box:backdrop > .start-action, toolbarview > .bottom-bar tabbar .box:backdrop > .start-action, tabbar.inline .box:backdrop > .start-action, toolbarview > .top-bar tabbar .box:backdrop > .end-action, toolbarview > .bottom-bar tabbar .box:backdrop > .end-action, tabbar.inline .box:backdrop > .end-action { filter: none; transition: none; }\n\ntoolbarview > .top-bar .collapse-spacing tabbar tabbox, toolbarview > .bottom-bar .collapse-spacing tabbar tabbox, toolbarview > .top-bar .collapse-spacing tabbar .start-action, toolbarview > .bottom-bar .collapse-spacing tabbar .start-action, toolbarview > .top-bar .collapse-spacing tabbar .end-action, toolbarview > .bottom-bar .collapse-spacing tabbar .end-action { padding-top: 3px; padding-bottom: 3px; }\n\ndnd tab { background-color: var(--headerbar-bg-color); background-image: image(color-mix(in srgb, currentColor 19%, transparent)); color: var(--headerbar-fg-color); box-shadow: 0 0 0 1px RGB(0 0 0/3%), 0 1px 3px 1px RGB(0 0 0/7%), 0 2px 6px 2px RGB(0 0 0/3%); margin: 25px; }\n\ntabbar tab, dnd tab { min-height: 26px; padding: 4px; border-radius: 9px; }\n\ntabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; }\n\ntabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: color-mix(in srgb, var(--accent-color) 50%, transparent); transform: translateY(4px); }\n\ntabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\ntabgrid > tabgridchild:focus:focus-visible .card { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 0; }\n\ntabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\ntabthumbnail > box { margin: 6px; }\n\ntabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--accent-bg-color) 40%, transparent); background-color: color-mix(in srgb, var(--accent-bg-color) 10%, transparent); }\n\ntabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); }\n\ntabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); }\n\ntabthumbnail .needs-attention > widget { background: var(--accent-color); min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px color-mix(in srgb, var(--accent-color) 40%, transparent); }\n\ntabthumbnail .card { background: none; color: inherit; }\n\ntabthumbnail .card picture { outline: 1px solid RGB(255 255 255/7%); outline-offset: -1px; border-radius: 12px; }\n\ntabthumbnail.pinned .card { background-color: var(--thumbnail-bg-color); color: var(--thumbnail-fg-color); }\n\ntabthumbnail .icon-title-box { border-spacing: 6px; }\n\ntabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; }\n\ntabthumbnail button.circular { margin: 6px; background-color: color-mix(in srgb, var(--thumbnail-bg-color) 75%, transparent); min-width: 24px; min-height: 24px; }\n\ntabthumbnail button.circular:hover { background-color: color-mix(in srgb, var(--thumbnail-bg-color) calc(0.9 * 75%), currentColor calc(0.1 * 75%)); }\n\ntabthumbnail button.circular:active { background-color: color-mix(in srgb, var(--thumbnail-bg-color) calc(0.8 * 75%), currentColor calc(0.2 * 75%)); }\n\ntaboverview > .overview { color: var(--overview-fg-color); background-color: var(--overview-bg-color); }\n\ntaboverview > .overview .new-tab-button { margin: 18px; }\n\ntabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; }\n\ncursor-handle { all: unset; padding: 24px 20px; }\n\ncursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: var(--accent-bg-color); }\n\ncursor-handle.top > contents { border-top-right-radius: 0; }\n\ncursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); }\n\ncursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); }\n\nmagnifier { background-color: var(--view-bg-color); }\n\n/****************** AdwToggleGroup * */\ntoggle-group { ---group-padding: 3px; background: color-mix(in srgb, currentColor 10%, transparent); border-radius: 9px; padding: var(---group-padding); }\n\ntoggle-group:disabled { background-color: color-mix(in srgb, color-mix(in srgb, currentColor 10%, transparent) var(--disabled-opacity), transparent); }\n\ntoggle-group > toggle { border-radius: calc(9px - var(---group-padding)); font-weight: bold; min-width: 34px; min-height: calc(34px - var(---group-padding) * 2); }\n\ntoggle-group > toggle.image-button > image:disabled { filter: opacity(30%); }\n\ntoggle-group > toggle.text-button { min-width: calc(18px + var(---group-padding) * 2); padding-left: calc(11px - var(---group-padding)); padding-right: calc(11px - var(---group-padding)); }\n\ntoggle-group > toggle.text-button > label:disabled { filter: opacity(30%); }\n\ntoggle-group > toggle.image-text-button { min-width: calc(10px + var(---group-padding) * 2); padding-left: calc(11px - var(---group-padding)); padding-right: calc(11px - var(---group-padding)); }\n\ntoggle-group > toggle.image-text-button > buttoncontent > box > label { padding: 0; }\n\ntoggle-group > toggle.image-text-button > buttoncontent > box > image:disabled, toggle-group > toggle.image-text-button > buttoncontent > box > label:disabled { filter: opacity(30%); }\n\ntoggle-group > toggle { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\ntoggle-group > toggle:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 0; }\n\ntoggle-group > toggle:hover { background-color: color-mix(in srgb, currentColor 7%, transparent); }\n\ntoggle-group > toggle:active, toggle-group > toggle.keyboard-activating { background-color: color-mix(in srgb, currentColor 16%, transparent); }\n\ntoggle-group > toggle:checked { background-color: var(--active-toggle-bg-color); color: var(--active-toggle-fg-color); box-shadow: 0 1px 3px 1px RGB(0 0 6/7%), 0 2px 6px 2px RGB(0 0 6/3%); }\n\ntoggle-group > toggle:checked:disabled { background-color: color-mix(in srgb, var(--active-toggle-bg-color) var(--disabled-opacity), transparent); }\n\ntoggle-group > toggle:checked:disabled { box-shadow: none; }\n\ntoggle-group.osd, .osd toggle-group { --active-toggle-bg-color: white; --active-toggle-fg-color: rgb(0 0 0 / 80%); }\n\ntoggle-group.osd:not(.flat) > toggle:checked, .osd toggle-group:not(.flat) > toggle:checked { --accent-bg-color: rgb(0 0 0 / 75%); --accent-fg-color: white; --standalone-color-oklab: Min(l, 0.5) a b; --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab)); --destructive-color: oklab(from var(--destructive-bg-color) var(--standalone-color-oklab)); --success-color: oklab(from var(--success-bg-color) var(--standalone-color-oklab)); --warning-color: oklab(from var(--warning-bg-color) var(--standalone-color-oklab)); --error-color: oklab(from var(--error-bg-color) var(--standalone-color-oklab)); box-shadow: 0 1px 3px 1px RGB(0 0 6/7%), 0 2px 6px 2px RGB(0 0 6/3%); }\n\ntoggle-group.osd:not(.flat) > toggle:checked, .osd toggle-group:not(.flat) > toggle:checked { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\ntoggle-group.osd:not(.flat) > toggle:checked:focus:focus-visible, .osd toggle-group:not(.flat) > toggle:checked:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 1px; }\n\ntoggle-group.osd:not(.flat) > toggle:checked:focus:focus-visible, .osd toggle-group:not(.flat) > toggle:checked:focus:focus-visible { outline-color: color-mix(in srgb, RGB(255 255 255/75%) 50%, transparent); }\n\ntoggle-group.osd:not(.flat) > toggle:checked:disabled, .osd toggle-group:not(.flat) > toggle:checked:disabled { box-shadow: none; }\n\ntoggle-group.vertical > toggle:not(.text-button):not(.image-text-button) { min-width: calc(34px - var(---group-padding) * 2); }\n\ntoggle-group > separator { transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\ntoggle-group > separator.horizontal { margin: calc(6px - var(---group-padding)) 1px; }\n\ntoggle-group > separator.vertical { margin: 1px calc(6px - var(---group-padding)); }\n\ntoggle-group > separator.hidden { opacity: 0; }\n\ntoggle-group > separator:disabled { filter: Opacity(var(--disabled-opacity)); }\n\ntoggle-group.round { border-radius: 17px; }\n\ntoggle-group.round toggle { border-radius: calc(17px - var(---group-padding)); }\n\ntoggle-group.round toggle.text-button, toggle-group.round toggle.image-text-button { padding-left: calc(15px - var(---group-padding)); padding-right: calc(15px - var(---group-padding)); }\n\ntoggle-group.round separator.horizontal { margin: calc(9px - var(---group-padding)) 1px; }\n\ntoggle-group.round separator.vertical { margin: 1px calc(9px - var(---group-padding)); }\n\ntoggle-group.flat { ---group-padding: 0px; background: none; color: inherit; box-shadow: none; }\n\ntoggle-group.flat > toggle { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\ntoggle-group.flat > toggle:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\ntoggle-group.flat > toggle:checked { background-color: color-mix(in srgb, currentColor 10%, transparent); color: inherit; box-shadow: none; box-shadow: none; }\n\ntoggle-group.flat > toggle:checked:hover { background-color: color-mix(in srgb, currentColor 13%, transparent); }\n\ntoggle-group.flat > toggle:checked:active, toggle-group.flat > toggle:checked.keyboard-activating { background-color: color-mix(in srgb, currentColor 19%, transparent); }\n\ntoggle-group.flat > toggle:checked:disabled { background-color: color-mix(in srgb, color-mix(in srgb, currentColor 10%, transparent) var(--disabled-opacity), transparent); }\n\ntoggle-group.flat > separator { background: none; }\n\n/************************* AdwInlineViewSwitcher * */\ninline-view-switcher > toggle-group.icons > toggle { min-width: 34px; }\n\ninline-view-switcher > toggle-group.labels > toggle { min-width: calc(18px + var(---group-padding) * 2); }\n\ninline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin { padding-left: calc(11px - var(---group-padding)); padding-right: calc(11px - var(---group-padding)); }\n\ninline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin > label { padding: 0 6px; }\n\ninline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin > indicator, inline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin > mask { transform: translateY(2px); }\n\ninline-view-switcher > toggle-group.both > toggle { min-width: calc(10px + var(---group-padding) * 2); }\n\ninline-view-switcher > toggle-group.both > toggle > widget > box { padding-left: calc(15px - var(---group-padding)); padding-right: calc(15px - var(---group-padding)); border-spacing: 6px; }\n\nactionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled { filter: none; }\n\nactionbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).arrow-button:disabled:not(:checked), searchbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).arrow-button:disabled:not(:checked), .toolbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).arrow-button:disabled:not(:checked), headerbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).arrow-button:disabled:not(:checked), actionbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button:disabled:not(:checked), searchbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button:disabled:not(:checked), .toolbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button:disabled:not(:checked), headerbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button:disabled:not(:checked), actionbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-text-button:disabled:not(:checked), searchbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-text-button:disabled:not(:checked), .toolbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-text-button:disabled:not(:checked), headerbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-text-button:disabled:not(:checked) { filter: none; }\n\nactionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { color: inherit; background-color: transparent; }\n\nactionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked) { filter: none; }\n\nactionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked) { filter: none; }\n\nactionbar > revealer > box switch, searchbar > revealer > box switch, .toolbar switch, headerbar switch { margin-top: 4px; margin-bottom: 4px; }\n\n.toolbar { padding: 6px; border-spacing: 6px; }\n\n.toolbar.osd { padding: 12px; border-radius: 15px; }\n\ntoolbarview > .top-bar .collapse-spacing .toolbar, toolbarview > .bottom-bar .collapse-spacing .toolbar { padding-top: 3px; padding-bottom: 3px; }\n\n/**************** GtkSearchBar * */\nsearchbar > revealer > box { padding: 6px 6px 7px 6px; background-color: var(--headerbar-bg-color); color: var(--headerbar-fg-color); box-shadow: inset 0 -1px var(--headerbar-shade-color); }\n\nsearchbar > revealer > box:backdrop { background-color: var(--headerbar-backdrop-color); transition: background-color 200ms ease-out; }\n\nsearchbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; }\n\nsearchbar > revealer > box .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; }\n\nsearchbar > revealer > box .close:dir(ltr) { margin-left: 10px; margin-right: 4px; }\n\nsearchbar > revealer > box .close:dir(rtl) { margin-left: 4px; margin-right: 10px; }\n\ntoolbarview > .top-bar searchbar > revealer > box, toolbarview > .bottom-bar searchbar > revealer > box, searchbar.inline > revealer > box, window.appchooser:not(.ssd-frame) searchbar > revealer > box, window.shortcuts:not(.ssd-frame) searchbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 6px; }\n\ntoolbarview > .top-bar searchbar > revealer > box:backdrop, toolbarview > .bottom-bar searchbar > revealer > box:backdrop, searchbar.inline > revealer > box:backdrop { background-color: transparent; transition: none; }\n\ntoolbarview > .top-bar searchbar > revealer > box:backdrop > *, toolbarview > .bottom-bar searchbar > revealer > box:backdrop > *, searchbar.inline > revealer > box:backdrop > * { filter: none; transition: none; }\n\ntoolbarview > .top-bar .collapse-spacing searchbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing searchbar > revealer > box, window.appchooser.csd:not(.ssd-frame) searchbar > revealer > box, window.shortcuts:not(.ssd-frame) searchbar > revealer > box { padding-top: 3px; padding-bottom: 3px; }\n\n/**************** GtkActionBar * */\nactionbar > revealer > box { background-color: var(--headerbar-bg-color); color: var(--headerbar-fg-color); box-shadow: inset 0 1px var(--headerbar-shade-color); padding: 7px 6px 6px 6px; }\n\nactionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; }\n\nactionbar > revealer > box:backdrop { background-color: var(--headerbar-backdrop-color); transition: background-color 200ms ease-out; }\n\nactionbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; }\n\ntoolbarview > .top-bar actionbar > revealer > box, toolbarview > .bottom-bar actionbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-top: 6px; }\n\ntoolbarview > .top-bar actionbar > revealer > box:backdrop, toolbarview > .bottom-bar actionbar > revealer > box:backdrop { background-color: transparent; transition: none; }\n\ntoolbarview > .top-bar actionbar > revealer > box:backdrop > *, toolbarview > .bottom-bar actionbar > revealer > box:backdrop > * { filter: none; transition: none; }\n\ntoolbarview > .top-bar .collapse-spacing actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing actionbar > revealer > box { padding-top: 3px; padding-bottom: 3px; }\n\n/************* AdwBanner * */\nbanner { --banner-color: #7d7d83; }\n\nbanner > revealer > widget { /* There are 2 more instances in _sidebars.css, keep in sync with that */ background-color: color-mix(in srgb, var(--banner-color) 30%, var(--window-bg-color)); color: var(--window-fg-color); padding: 6px; }\n\nbanner > revealer > widget:backdrop { background-color: color-mix(in srgb, var(--banner-color) 15%, var(--window-bg-color)); transition: background-color 200ms ease-out; }\n\nbanner > revealer > widget:backdrop > label, banner > revealer > widget:backdrop > button { filter: opacity(0.5); transition: filter 200ms ease-out; }\n\n/****************** AdwToolbarView * */\ntoolbarview > .top-bar .collapse-spacing, toolbarview > .bottom-bar .collapse-spacing { padding-top: 3px; padding-bottom: 3px; }\n\ntoolbarview > .top-bar.raised, toolbarview > .bottom-bar.raised { background-color: var(--headerbar-bg-color); color: var(--headerbar-fg-color); }\n\ntoolbarview > .top-bar.raised:backdrop, toolbarview > .bottom-bar.raised:backdrop { background-color: var(--headerbar-backdrop-color); transition: background-color 200ms ease-out; }\n\ntoolbarview > .top-bar:backdrop > windowhandle, toolbarview > .bottom-bar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; }\n\ntoolbarview > .top-bar.raised { box-shadow: 0 1px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent), 0 2px 4px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent); }\n\ntoolbarview > .top-bar.raised.border { box-shadow: 0 1px var(--headerbar-darker-shade-color); }\n\ntoolbarview > .bottom-bar.raised { box-shadow: 0 -1px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent), 0 -2px 4px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent); }\n\ntoolbarview > .bottom-bar.raised.border { box-shadow: 0 -1px var(--headerbar-darker-shade-color); }\n\ntoolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\ntoolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to top, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\nwindow.devel toolbarview > .top-bar { background-image: cross-fade(5% -gtk-recolor(url(\"assets/devel-symbolic.svg\")), image(transparent)); background-repeat: repeat-x; }\n\nwindow.devel sheet toolbarview > .top-bar { background-image: unset; background-repeat: unset; }\n\ntooltip { padding: 6px 10px; border-radius: 9px; box-shadow: none; }\n\ntooltip.background { background-color: RGB(0 0 6/80%); background-clip: padding-box; border: 1px solid RGB(255 255 255/10%); color: white; }\n\ntooltip > box { border-spacing: 6px; }\n\n.view, window.print:not(.ssd-frame) .dialog-action-box, textview > text, dialog-host > dialog.view sheet, window.print:not(.ssd-frame) dialog-host > dialog.dialog-action-box sheet, iconview { color: var(--view-fg-color); background-color: var(--view-bg-color); }\n\n.view:disabled, window.print:not(.ssd-frame) .dialog-action-box:disabled, textview > text:disabled, dialog-host > dialog.view sheet:disabled, window.print:not(.ssd-frame) dialog-host > dialog.dialog-action-box sheet:disabled, iconview:disabled { color: color-mix(in srgb, currentColor 5%, transparent); background-color: color-mix(in srgb, var(--window-bg-color) 60%, var(--view-bg-color)); }\n\n.view:selected:focus, .view:selected, window.print:not(.ssd-frame) .dialog-action-box:selected, textview > text:selected, dialog-host > dialog.view sheet:selected, window.print:not(.ssd-frame) dialog-host > dialog.dialog-action-box sheet:selected, iconview:selected { background-color: color-mix(in srgb, var(--accent-bg-color) 25%, transparent); border-radius: 9px; }\n\ntextview { caret-color: currentColor; }\n\ntextview > text, textview > text:disabled { background-color: transparent; }\n\ntextview.inline, textview.inline:disabled, textview.inline > text { background-color: transparent; color: inherit; }\n\ntextview > border { background-color: color-mix(in srgb, var(--window-bg-color), var(--view-bg-color) 50%); }\n\ntextview:drop(active) { caret-color: var(--accent-bg-color); }\n\nrubberband { border: 1px solid var(--accent-color); background-color: color-mix(in srgb, var(--accent-color) 20%, transparent); }\n\nflowbox > flowboxchild, gridview > child { padding: 3px; border-radius: 9px; }\n\nflowbox > flowboxchild, gridview > child { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nflowbox > flowboxchild:focus:focus-visible, gridview > child:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\nflowbox > flowboxchild:selected, gridview > child:selected { background-color: color-mix(in srgb, var(--accent-bg-color) 25%, transparent); }\n\ngridview > child.activatable:hover { background-color: color-mix(in srgb, currentColor 4%, transparent); }\n\ngridview > child.activatable:active { background-color: color-mix(in srgb, currentColor 8%, transparent); }\n\ngridview > child.activatable:selected:hover { background-color: color-mix(in srgb, var(--accent-bg-color) 32%, transparent); }\n\ngridview > child.activatable:selected:active { background-color: color-mix(in srgb, var(--accent-bg-color) 39%, transparent); }\n\nviewswitcher { border-spacing: 3px; min-height: 34px; }\n\nviewswitcher.narrow { margin-top: -3px; margin-bottom: -3px; min-height: 6px; }\n\nviewswitcher button.toggle { padding: 0; }\n\nviewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 4px; }\n\nviewswitcher button.toggle > stack > box.narrow > label { min-height: 18px; padding-left: 3px; padding-right: 3px; padding-bottom: 2px; }\n\nviewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; }\n\n/********************** AdwViewSwitcherBar * */\nviewswitcherbar actionbar > revealer > box { padding-left: 0; padding-right: 0; padding-top: 7px; }\n\ntoolbarview > .top-bar .collapse-spacing viewswitcherbar actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing viewswitcherbar actionbar > revealer > box { padding-top: 6px; }\n\n/************************ AdwViewSwitcherTitle * */\nviewswitchertitle { margin-top: -6px; margin-bottom: -6px; }\n\nviewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; }\n\nviewswitchertitle viewswitcher.narrow { margin-top: 3px; margin-bottom: 3px; }\n\nviewswitchertitle viewswitcher.wide { margin-top: 6px; margin-bottom: 6px; }\n\nviewswitchertitle windowtitle { margin-top: 0; margin-bottom: 0; }\n\n/******************* AdwIndicatorBin * */\nindicatorbin > indicator, indicatorbin > mask { min-width: 6px; min-height: 6px; border-radius: 100px; }\n\nindicatorbin > indicator { margin: 1px; background: color-mix(in srgb, currentColor 40%, transparent); }\n\nindicatorbin > mask { padding: 1px; background: black; }\n\nindicatorbin.needs-attention > indicator { background: var(--accent-color); }\n\nindicatorbin.badge > indicator, indicatorbin.badge > mask { min-height: 13px; }\n\nindicatorbin.badge > indicator > label { font-size: 0.6rem; font-weight: bold; padding-left: 4px; padding-right: 4px; color: white; }\n\nindicatorbin.badge.needs-attention > indicator { background: var(--accent-bg-color); }\n\nindicatorbin.badge.needs-attention > indicator > label { color: var(--accent-fg-color); }\n\nwindow.csd { box-shadow: 0 1px 3px 3px transparent, 0 2px 8px 2px RGB(0 0 0/13%), 0 3px 20px 10px RGB(0 0 0/9%), 0 6px 32px 16px RGB(0 0 0/4%), 0 0 0 1px RGB(0 0 0 / 0.5%); margin: 0px; border-radius: var(--window-radius); outline: 1px solid RGB(255 255 255/7%); outline-offset: -1px; }\n\nwindow.csd:backdrop { box-shadow: 0 1px 3px 3px RGB(0 0 0/9%), 0 2px 14px 5px RGB(0 0 0/5%), 0 4px 28px 12px RGB(0 0 0/3%), 0 6px 32px 16px transparent, 0 0 0 1px RGB(0 0 0 / 2%); transition: box-shadow 200ms ease-out; }\n\nwindow.csd.dialog.message, window.csd.messagedialog { box-shadow: 0 2px 8px 2px RGB(0 0 0/7%), 0 3px 20px 10px RGB(0 0 0/5%), 0 6px 32px 16px RGB(0 0 0/2%), 0 0 0 1px RGB(0 0 0 / 5%); }\n\nwindow.csd.tiled, window.csd.tiled-top, window.csd.tiled-left, window.csd.tiled-right, window.csd.tiled-bottom { --window-radius: 0px; outline: none; box-shadow: 0 0 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent), 0 0 0 20px transparent; }\n\nwindow.csd.tiled:backdrop, window.csd.tiled-top:backdrop, window.csd.tiled-left:backdrop, window.csd.tiled-right:backdrop, window.csd.tiled-bottom:backdrop { box-shadow: 0 0 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent), 0 0 0 20px transparent; }\n\nwindow.csd.maximized, window.csd.fullscreen { --window-radius: 0px; outline: none; box-shadow: none; transition: none; }\n\nwindow.csd.ssd-frame { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\nwindow.solid-csd { margin: 0; padding: 5px; --window-radius: 0px; box-shadow: inset 0 0 0 5px color-mix(in srgb, currentColor var(--border-opacity), transparent), inset 0 0 0 4px var(--headerbar-bg-color), inset 0 0 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\nwindow.solid-csd:backdrop { box-shadow: inset 0 0 0 5px color-mix(in srgb, currentColor var(--border-opacity), transparent), inset 0 0 0 4px var(--headerbar-backdrop-color), inset 0 0 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\nwindow.ssd { box-shadow: 0 0 0 1px RGB(0 0 0 / 5%); }\n\n/* Public colors from Default */\n@define-color theme_bg_color @window_bg_color;\n@define-color theme_fg_color @window_fg_color;\n@define-color theme_base_color @view_bg_color;\n@define-color theme_text_color @view_fg_color;\n@define-color theme_selected_bg_color @accent_bg_color;\n@define-color theme_selected_fg_color @accent_fg_color;\n@define-color insensitive_bg_color color-mix(in srgb, @window_bg_color 60%, @view_bg_color);\n@define-color insensitive_fg_color color-mix(in srgb, @window_fg_color 50%, transparent);\n@define-color insensitive_base_color @view_bg_color;\n@define-color borders color-mix(in srgb, currentColor 15%, transparent);\n@define-color theme_unfocused_bg_color @window_bg_color;\n@define-color theme_unfocused_fg_color @window_fg_color;\n@define-color theme_unfocused_base_color @view_bg_color;\n@define-color theme_unfocused_text_color @view_fg_color;\n@define-color theme_unfocused_selected_bg_color @accent_bg_color;\n@define-color theme_unfocused_selected_fg_color @accent_fg_color;\n@define-color unfocused_insensitive_color @insensitive_bg_color;\n@define-color unfocused_borders @borders;\n" }, { "path": "gtk/Tahoe-Dark/gtk-4.0/gtk-dark.css", "content": "/* GTK NAMED COLORS ---------------- use responsibly! */\n@define-color destructive_bg_color @red_4;\n@define-color destructive_fg_color white;\n@define-color success_bg_color @green_5;\n@define-color success_fg_color white;\n@define-color warning_bg_color #cd9309;\n@define-color warning_fg_color RGB(0 0 0 / 80%);\n@define-color error_bg_color @red_4;\n@define-color error_fg_color white;\n@define-color accent_color oklab(from @accent_bg_color max(l, 0.85) a b);\n@define-color destructive_color oklab(from @destructive_bg_color max(l, 0.85) a b);\n@define-color success_color oklab(from @success_bg_color max(l, 0.85) a b);\n@define-color warning_color oklab(from @warning_bg_color max(l, 0.85) a b);\n@define-color error_color oklab(from @error_bg_color max(l, 0.85) a b);\n@define-color window_bg_color #222226;\n@define-color window_fg_color white;\n@define-color view_bg_color #1d1d20;\n@define-color view_fg_color white;\n@define-color headerbar_bg_color #2e2e32;\n@define-color headerbar_fg_color white;\n@define-color headerbar_border_color white;\n@define-color headerbar_backdrop_color @window_bg_color;\n@define-color headerbar_shade_color RGB(0 0 6/36%);\n@define-color headerbar_darker_shade_color RGB(0 0 12/90%);\n@define-color sidebar_bg_color #2e2e32;\n@define-color sidebar_fg_color white;\n@define-color sidebar_backdrop_color #28282c;\n@define-color sidebar_shade_color RGB(0 0 6/25%);\n@define-color sidebar_border_color RGB(0 0 6/36%);\n@define-color secondary_sidebar_bg_color #28282c;\n@define-color secondary_sidebar_fg_color white;\n@define-color secondary_sidebar_backdrop_color #252529;\n@define-color secondary_sidebar_shade_color RGB(0 0 6/25%);\n@define-color secondary_sidebar_border_color RGB(0 0 6/36%);\n@define-color card_bg_color RGB(255 255 255/8%);\n@define-color card_fg_color white;\n@define-color card_shade_color RGB(0 0 6/36%);\n@define-color dialog_bg_color #36363a;\n@define-color dialog_fg_color white;\n@define-color popover_bg_color #36363a;\n@define-color popover_fg_color white;\n@define-color popover_shade_color RGB(0 0 6/25%);\n@define-color thumbnail_bg_color #39393d;\n@define-color thumbnail_fg_color white;\n@define-color shade_color RGB(0 0 6/25%);\n@define-color scrollbar_outline_color RGB(0 0 12/95%);\n:root {\n --standalone-color-oklab: max(l, 0.85) a b;\n --accent-color: oklab(\n from var(--accent-bg-color) var(--standalone-color-oklab)\n );\n --destructive-color: oklab(\n from var(--destructive-bg-color) var(--standalone-color-oklab)\n );\n --success-color: oklab(\n from var(--success-bg-color) var(--standalone-color-oklab)\n );\n --warning-color: oklab(\n from var(--warning-bg-color) var(--standalone-color-oklab)\n );\n --error-color: oklab(\n from var(--error-bg-color) var(--standalone-color-oklab)\n );\n --active-toggle-bg-color: rgb(255 255 255 / 20%);\n --active-toggle-fg-color: #ffffff;\n --overview-bg-color: #28282c;\n --overview-fg-color: #ffffff;\n}\n@import '../gtk-3.0/libadwaita.css';\n@import '../gtk-3.0/libadwaita-tweaks.css';\n\n* {\n border-radius: 20px;\n}\n\nwindow {\n border-radius: 30px;\n padding: 10px;\n}\n\n.maximize window {\n border-radius: 0px;\n padding: 0px;\n}\n\nwindow.maximize {\n border-radius: 0px;\n padding: 0px;\n}\n/* More customizations */\n/* GTK3 */\nbutton.titlebutton {\n color: transparent;\n min-width: 12px;\n min-height: 12px;\n padding: 0;\n margin: 0 2px;\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\nbutton.titlebutton:backdrop {\n opacity: 0.5;\n}\n\n/*****************\n * Title buttons *\n *****************/\n.raven .expander-button,\n.raven .raven-header:not(.top) button.image-button,\nwidget > box.terminal-titlebar > button.image-button,\nwidget > box.terminal-titlebar > button.image-button.toggle,\n.terminix-session-sidebar button.tilix-sidebar-close-button,\n.tilix-session-sidebar button.tilix-sidebar-close-button,\n.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button,\n.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button,\n.nautilus-window headerbar > revealer > button,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton,\nheaderbar button.titlebutton,\n.csd headerbar button.titlebutton,\n.csd headerbar.default-decoration button.titlebutton,\n.titlebar button.titlebutton,\n.csd .titlebar button.titlebutton,\n.titlebar.default-decoration button.titlebutton,\n.csd .titlebar.default-decoration button.titlebutton,\nrow button.image-button,\ncheck,\nradio,\nheaderbar.default-decoration button.titlebutton,\nheaderbar button.suggested-action,\nheaderbar button.destructive-action,\nheaderbar button:not(.suggested-action):not(.destructive-action),\nbutton.close,\nbutton.circular {\n border-radius: 9999px;\n -gtk-outline-radius: 9999px;\n}\n\nheaderbar,\n.titlebar {\n padding: 0 14px;\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close,\nheaderbar button.titlebutton.close,\n.titlebar button.titlebutton.close {\n min-width: 12px;\n min-height: 12px;\n padding: 0;\n margin: 0 2px;\n color: transparent;\n background-color: rgba(0, 0, 0, 0.3);\n background-color: #f25056;\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize,\nheaderbar button.titlebutton.maximize,\n.titlebar button.titlebutton.maximize {\n min-width: 12px;\n min-height: 12px;\n padding: 0;\n margin: 0 2px;\n color: transparent;\n background-color: rgba(0, 0, 0, 0.3);\n background-color: #39ea49;\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize,\nheaderbar button.titlebutton.minimize,\n.titlebar button.titlebutton.minimize {\n min-width: 12px;\n min-height: 12px;\n padding: 0;\n margin: 0 2px;\n color: transparent;\n background-color: rgba(0, 0, 0, 0.3);\n background-color: #fac536;\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n#MozillaGtkWidget.background\n headerbar.titlebar.default-decoration\n button.titlebutton.close:hover,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover,\nheaderbar button.titlebutton.close:hover,\n.csd headerbar button.titlebutton.close:hover,\nheaderbar.default-decoration button.titlebutton.close:hover,\n.csd headerbar.default-decoration button.titlebutton.close:hover,\n.titlebar button.titlebutton.close:hover,\n.csd .titlebar button.titlebutton.close:hover,\n.titlebar.default-decoration button.titlebutton.close:hover,\n.csd .titlebar.default-decoration button.titlebutton.close:hover {\n padding: 2px;\n margin: -2px 0;\n background-color: #f25056;\n color: rgba(255, 255, 255, 0.7);\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n#MozillaGtkWidget.background\n headerbar.titlebar.default-decoration\n button.titlebutton.maximize:hover,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover,\nheaderbar button.titlebutton.maximize:hover,\n.csd headerbar button.titlebutton.maximize:hover,\nheaderbar.default-decoration button.titlebutton.maximize:hover,\n.csd headerbar.default-decoration button.titlebutton.maximize:hover,\n.titlebar button.titlebutton.maximize:hover,\n.csd .titlebar button.titlebutton.maximize:hover,\n.titlebar.default-decoration button.titlebutton.maximize:hover,\n.csd .titlebar.default-decoration button.titlebutton.maximize:hover {\n padding: 2px;\n margin: -2px 0;\n background-color: #39ea49;\n color: rgba(255, 255, 255, 0.7);\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n#MozillaGtkWidget.background\n headerbar.titlebar.default-decoration\n button.titlebutton.minimize:hover,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover,\nheaderbar button.titlebutton.minimize:hover,\n.csd headerbar button.titlebutton.minimize:hover,\nheaderbar.default-decoration button.titlebutton.minimize:hover,\n.csd headerbar.default-decoration button.titlebutton.minimize:hover,\n.titlebar button.titlebutton.minimize:hover,\n.csd .titlebar button.titlebutton.minimize:hover,\n.titlebar.default-decoration button.titlebutton.minimize:hover,\n.csd .titlebar.default-decoration button.titlebutton.minimize:hover {\n padding: 2px;\n margin: -2px 0;\n background-color: #fac536;\n color: rgba(255, 255, 255, 0.7);\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover,\nheaderbar button.titlebutton.close:hover,\nheaderbar button.titlebutton.close:backdrop:hover,\nheaderbar button.titlebutton.maximize:hover,\nheaderbar button.titlebutton.maximize:backdrop:hover,\nheaderbar button.titlebutton.minimize:hover,\nheaderbar button.titlebutton.minimize:backdrop:hover,\n.csd headerbar button.titlebutton.close:hover,\n.csd headerbar button.titlebutton.close:backdrop:hover,\n.csd headerbar button.titlebutton.maximize:hover,\n.csd headerbar button.titlebutton.maximize:backdrop:hover,\n.csd headerbar button.titlebutton.minimize:hover,\n.csd headerbar button.titlebutton.minimize:backdrop:hover,\nheaderbar.default-decoration button.titlebutton.close:hover,\nheaderbar.default-decoration button.titlebutton.close:backdrop:hover,\nheaderbar.default-decoration button.titlebutton.maximize:hover,\nheaderbar.default-decoration button.titlebutton.maximize:backdrop:hover,\nheaderbar.default-decoration button.titlebutton.minimize:hover,\nheaderbar.default-decoration button.titlebutton.minimize:backdrop:hover,\n.csd headerbar.default-decoration button.titlebutton.close:hover,\n.csd headerbar.default-decoration button.titlebutton.close:backdrop:hover,\n.csd headerbar.default-decoration button.titlebutton.maximize:hover,\n.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:hover,\n.csd headerbar.default-decoration button.titlebutton.minimize:hover,\n.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:hover,\n.titlebar button.titlebutton.close:hover,\n.titlebar button.titlebutton.close:backdrop:hover,\n.titlebar button.titlebutton.maximize:hover,\n.titlebar button.titlebutton.maximize:backdrop:hover,\n.titlebar button.titlebutton.minimize:hover,\n.titlebar button.titlebutton.minimize:backdrop:hover,\n.csd .titlebar button.titlebutton.close:hover,\n.csd .titlebar button.titlebutton.close:backdrop:hover,\n.csd .titlebar button.titlebutton.maximize:hover,\n.csd .titlebar button.titlebutton.maximize:backdrop:hover,\n.csd .titlebar button.titlebutton.minimize:hover,\n.csd .titlebar button.titlebutton.minimize:backdrop:hover,\n.titlebar.default-decoration button.titlebutton.close:hover,\n.titlebar.default-decoration button.titlebutton.close:backdrop:hover,\n.titlebar.default-decoration button.titlebutton.maximize:hover,\n.titlebar.default-decoration button.titlebutton.maximize:backdrop:hover,\n.titlebar.default-decoration button.titlebutton.minimize:hover,\n.titlebar.default-decoration button.titlebutton.minimize:backdrop:hover,\n.csd .titlebar.default-decoration button.titlebutton.close:hover,\n.csd .titlebar.default-decoration button.titlebutton.close:backdrop:hover,\n.csd .titlebar.default-decoration button.titlebutton.maximize:hover,\n.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:hover,\n.csd .titlebar.default-decoration button.titlebutton.minimize:hover,\n.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:hover {\n color: transparent;\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.maximize:active,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.minimize:active,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.maximize:checked,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.minimize:checked,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.close:backdrop:active,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.maximize:backdrop:active,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.minimize:backdrop:active,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.close:backdrop:checked,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.maximize:backdrop:checked,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.minimize:backdrop:checked,\nheaderbar button.titlebutton.close:active,\nheaderbar button.titlebutton.close:checked,\nheaderbar button.titlebutton.close:backdrop:active,\nheaderbar button.titlebutton.close:backdrop:checked,\nheaderbar button.titlebutton.maximize:active,\nheaderbar button.titlebutton.maximize:checked,\nheaderbar button.titlebutton.maximize:backdrop:active,\nheaderbar button.titlebutton.maximize:backdrop:checked,\nheaderbar button.titlebutton.minimize:active,\nheaderbar button.titlebutton.minimize:checked,\nheaderbar button.titlebutton.minimize:backdrop:active,\nheaderbar button.titlebutton.minimize:backdrop:checked,\n.csd headerbar button.titlebutton.close:active,\n.csd headerbar button.titlebutton.close:checked,\n.csd headerbar button.titlebutton.close:backdrop:active,\n.csd headerbar button.titlebutton.close:backdrop:checked,\n.csd headerbar button.titlebutton.maximize:active,\n.csd headerbar button.titlebutton.maximize:checked,\n.csd headerbar button.titlebutton.maximize:backdrop:active,\n.csd headerbar button.titlebutton.maximize:backdrop:checked,\n.csd headerbar button.titlebutton.minimize:active,\n.csd headerbar button.titlebutton.minimize:checked,\n.csd headerbar button.titlebutton.minimize:backdrop:active,\n.csd headerbar button.titlebutton.minimize:backdrop:checked,\nheaderbar.default-decoration button.titlebutton.close:active,\nheaderbar.default-decoration button.titlebutton.close:checked,\nheaderbar.default-decoration button.titlebutton.close:backdrop:active,\nheaderbar.default-decoration button.titlebutton.close:backdrop:checked,\nheaderbar.default-decoration button.titlebutton.maximize:active,\nheaderbar.default-decoration button.titlebutton.maximize:checked,\nheaderbar.default-decoration button.titlebutton.maximize:backdrop:active,\nheaderbar.default-decoration button.titlebutton.maximize:backdrop:checked,\nheaderbar.default-decoration button.titlebutton.minimize:active,\nheaderbar.default-decoration button.titlebutton.minimize:checked,\nheaderbar.default-decoration button.titlebutton.minimize:backdrop:active,\nheaderbar.default-decoration button.titlebutton.minimize:backdrop:checked,\n.csd headerbar.default-decoration button.titlebutton.close:active,\n.csd headerbar.default-decoration button.titlebutton.close:checked,\n.csd headerbar.default-decoration button.titlebutton.close:backdrop:active,\n.csd headerbar.default-decoration button.titlebutton.close:backdrop:checked,\n.csd headerbar.default-decoration button.titlebutton.maximize:active,\n.csd headerbar.default-decoration button.titlebutton.maximize:checked,\n.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:active,\n.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:checked,\n.csd headerbar.default-decoration button.titlebutton.minimize:active,\n.csd headerbar.default-decoration button.titlebutton.minimize:checked,\n.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:active,\n.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:checked,\n.titlebar button.titlebutton.close:active,\n.titlebar button.titlebutton.close:checked,\n.titlebar button.titlebutton.close:backdrop:active,\n.titlebar button.titlebutton.close:backdrop:checked,\n.titlebar button.titlebutton.maximize:active,\n.titlebar button.titlebutton.maximize:checked,\n.titlebar button.titlebutton.maximize:backdrop:active,\n.titlebar button.titlebutton.maximize:backdrop:checked,\n.titlebar button.titlebutton.minimize:active,\n.titlebar button.titlebutton.minimize:checked,\n.titlebar button.titlebutton.minimize:backdrop:active,\n.titlebar button.titlebutton.minimize:backdrop:checked,\n.csd .titlebar button.titlebutton.close:active,\n.csd .titlebar button.titlebutton.close:checked,\n.csd .titlebar button.titlebutton.close:backdrop:active,\n.csd .titlebar button.titlebutton.close:backdrop:checked,\n.csd .titlebar button.titlebutton.maximize:active,\n.csd .titlebar button.titlebutton.maximize:checked,\n.csd .titlebar button.titlebutton.maximize:backdrop:active,\n.csd .titlebar button.titlebutton.maximize:backdrop:checked,\n.csd .titlebar button.titlebutton.minimize:active,\n.csd .titlebar button.titlebutton.minimize:checked,\n.csd .titlebar button.titlebutton.minimize:backdrop:active,\n.csd .titlebar button.titlebutton.minimize:backdrop:checked,\n.titlebar.default-decoration button.titlebutton.close:active,\n.titlebar.default-decoration button.titlebutton.close:checked,\n.titlebar.default-decoration button.titlebutton.close:backdrop:active,\n.titlebar.default-decoration button.titlebutton.close:backdrop:checked,\n.titlebar.default-decoration button.titlebutton.maximize:active,\n.titlebar.default-decoration button.titlebutton.maximize:checked,\n.titlebar.default-decoration button.titlebutton.maximize:backdrop:active,\n.titlebar.default-decoration button.titlebutton.maximize:backdrop:checked,\n.titlebar.default-decoration button.titlebutton.minimize:active,\n.titlebar.default-decoration button.titlebutton.minimize:checked,\n.titlebar.default-decoration button.titlebutton.minimize:backdrop:active,\n.titlebar.default-decoration button.titlebutton.minimize:backdrop:checked,\n.csd .titlebar.default-decoration button.titlebutton.close:active,\n.csd .titlebar.default-decoration button.titlebutton.close:checked,\n.csd .titlebar.default-decoration button.titlebutton.close:backdrop:active,\n.csd .titlebar.default-decoration button.titlebutton.close:backdrop:checked,\n.csd .titlebar.default-decoration button.titlebutton.maximize:active,\n.csd .titlebar.default-decoration button.titlebutton.maximize:checked,\n.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:active,\n.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:checked,\n.csd .titlebar.default-decoration button.titlebutton.minimize:active,\n.csd .titlebar.default-decoration button.titlebutton.minimize:checked,\n.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:active,\n.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:checked {\n color: transparent;\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:backdrop,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.maximize:backdrop,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.minimize:backdrop,\nheaderbar button.titlebutton.close:backdrop,\nheaderbar button.titlebutton.maximize:backdrop,\nheaderbar button.titlebutton.minimize:backdrop,\n.csd headerbar button.titlebutton.close:backdrop,\n.csd headerbar button.titlebutton.maximize:backdrop,\n.csd headerbar button.titlebutton.minimize:backdrop,\nheaderbar.default-decoration button.titlebutton.close:backdrop,\nheaderbar.default-decoration button.titlebutton.maximize:backdrop,\nheaderbar.default-decoration button.titlebutton.minimize:backdrop,\n.csd headerbar.default-decoration button.titlebutton.close:backdrop,\n.csd headerbar.default-decoration button.titlebutton.maximize:backdrop,\n.csd headerbar.default-decoration button.titlebutton.minimize:backdrop,\n.titlebar button.titlebutton.close:backdrop,\n.titlebar button.titlebutton.maximize:backdrop,\n.titlebar button.titlebutton.minimize:backdrop,\n.csd .titlebar button.titlebutton.close:backdrop,\n.csd .titlebar button.titlebutton.maximize:backdrop,\n.csd .titlebar button.titlebutton.minimize:backdrop,\n.titlebar.default-decoration button.titlebutton.close:backdrop,\n.titlebar.default-decoration button.titlebutton.maximize:backdrop,\n.titlebar.default-decoration button.titlebutton.minimize:backdrop,\n.csd .titlebar.default-decoration button.titlebutton.close:backdrop,\n.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop,\n.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop {\n color: transparent;\n background-color: rgba(0, 0, 0, 0.12);\n}\n\nbutton.titlebutton image {\n margin: -1px;\n}\n\n/* gtk4 */\n\n/*********************\n * GtkWindowControls *\n *********************/\nwindowcontrols > button {\n min-height: 12px;\n min-width: 12px;\n padding: 0px;\n margin-left: 2px;\n margin-right: 2px;\n}\n\nwindowcontrols > button.minimize,\nwindowcontrols > button.maximize,\nwindowcontrols > button.close {\n color: transparent;\n background: none;\n}\n\nwindowcontrols > button.minimize > image {\n background-color: #fdbe04;\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\nwindowcontrols > button.minimize:hover > image {\n padding: 3px;\n margin-right: -1px;\n margin-left: -1px;\n}\n\nwindowcontrols > button.maximize > image {\n background-color: #38c76a;\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\nwindowcontrols > button.maximize:hover > image {\n padding: 3px;\n margin-right: -1px;\n margin-left: -1px;\n}\n\nwindowcontrols > button.close > image {\n background-color: #fd5f51;\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\nwindowcontrols > button.close:hover > image {\n padding: 3px;\n margin-right: -1px;\n margin-left: -1px;\n}\nwindowcontrols > button > image {\n padding: 2px;\n}\n" }, { "path": "gtk/Tahoe-Dark/gtk-4.0/gtk.css", "content": "/* GTK NAMED COLORS ---------------- use responsibly! */\n@define-color destructive_bg_color @red_4;\n@define-color destructive_fg_color white;\n@define-color success_bg_color @green_5;\n@define-color success_fg_color white;\n@define-color warning_bg_color #cd9309;\n@define-color warning_fg_color RGB(0 0 0 / 80%);\n@define-color error_bg_color @red_4;\n@define-color error_fg_color white;\n@define-color accent_color oklab(from @accent_bg_color max(l, 0.85) a b);\n@define-color destructive_color oklab(from @destructive_bg_color max(l, 0.85) a b);\n@define-color success_color oklab(from @success_bg_color max(l, 0.85) a b);\n@define-color warning_color oklab(from @warning_bg_color max(l, 0.85) a b);\n@define-color error_color oklab(from @error_bg_color max(l, 0.85) a b);\n@define-color window_bg_color #222226;\n@define-color window_fg_color white;\n@define-color view_bg_color #1d1d20;\n@define-color view_fg_color white;\n@define-color headerbar_bg_color #2e2e32;\n@define-color headerbar_fg_color white;\n@define-color headerbar_border_color white;\n@define-color headerbar_backdrop_color @window_bg_color;\n@define-color headerbar_shade_color RGB(0 0 6/36%);\n@define-color headerbar_darker_shade_color RGB(0 0 12/90%);\n@define-color sidebar_bg_color #2e2e32;\n@define-color sidebar_fg_color white;\n@define-color sidebar_backdrop_color #28282c;\n@define-color sidebar_shade_color RGB(0 0 6/25%);\n@define-color sidebar_border_color RGB(0 0 6/36%);\n@define-color secondary_sidebar_bg_color #28282c;\n@define-color secondary_sidebar_fg_color white;\n@define-color secondary_sidebar_backdrop_color #252529;\n@define-color secondary_sidebar_shade_color RGB(0 0 6/25%);\n@define-color secondary_sidebar_border_color RGB(0 0 6/36%);\n@define-color card_bg_color RGB(255 255 255/8%);\n@define-color card_fg_color white;\n@define-color card_shade_color RGB(0 0 6/36%);\n@define-color dialog_bg_color #36363a;\n@define-color dialog_fg_color white;\n@define-color popover_bg_color #36363a;\n@define-color popover_fg_color white;\n@define-color popover_shade_color RGB(0 0 6/25%);\n@define-color thumbnail_bg_color #39393d;\n@define-color thumbnail_fg_color white;\n@define-color shade_color RGB(0 0 6/25%);\n@define-color scrollbar_outline_color RGB(0 0 12/95%);\n:root {\n --standalone-color-oklab: max(l, 0.85) a b;\n --accent-color: oklab(\n from var(--accent-bg-color) var(--standalone-color-oklab)\n );\n --destructive-color: oklab(\n from var(--destructive-bg-color) var(--standalone-color-oklab)\n );\n --success-color: oklab(\n from var(--success-bg-color) var(--standalone-color-oklab)\n );\n --warning-color: oklab(\n from var(--warning-bg-color) var(--standalone-color-oklab)\n );\n --error-color: oklab(\n from var(--error-bg-color) var(--standalone-color-oklab)\n );\n --active-toggle-bg-color: rgb(255 255 255 / 20%);\n --active-toggle-fg-color: #ffffff;\n --overview-bg-color: #28282c;\n --overview-fg-color: #ffffff;\n}\n@import '../gtk-3.0/libadwaita.css';\n@import '../gtk-3.0/libadwaita-tweaks.css';\n\n* {\n border-radius: 20px;\n}\n\nwindow {\n border-radius: 30px;\n padding: 10px;\n}\n\n.maximized window {\n border-radius: 0px;\n padding: 10px;\n}\n\nwindow.maximized {\n border-radius: 0px;\n padding: 10px;\n}\n\nbutton {\n border-radius: 9999px;\n}\n\n/* More customizations */\n/* GTK3 */\nbutton.titlebutton {\n color: transparent;\n min-width: 12px;\n min-height: 12px;\n padding: 0;\n margin: 0 2px;\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\nbutton.titlebutton:backdrop {\n opacity: 0.5;\n}\n\n/*****************\n * Title buttons *\n *****************/\n.raven .expander-button,\n.raven .raven-header:not(.top) button.image-button,\nwidget > box.terminal-titlebar > button.image-button,\nwidget > box.terminal-titlebar > button.image-button.toggle,\n.terminix-session-sidebar button.tilix-sidebar-close-button,\n.tilix-session-sidebar button.tilix-sidebar-close-button,\n.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button,\n.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button,\n.nautilus-window headerbar > revealer > button,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton,\nheaderbar button.titlebutton,\n.csd headerbar button.titlebutton,\n.csd headerbar.default-decoration button.titlebutton,\n.titlebar button.titlebutton,\n.csd .titlebar button.titlebutton,\n.titlebar.default-decoration button.titlebutton,\n.csd .titlebar.default-decoration button.titlebutton,\nrow button.image-button,\ncheck,\nradio,\nheaderbar.default-decoration button.titlebutton,\nheaderbar button.suggested-action,\nheaderbar button.destructive-action,\nheaderbar button:not(.suggested-action):not(.destructive-action),\nbutton.close,\nbutton.circular {\n border-radius: 9999px;\n -gtk-outline-radius: 9999px;\n}\n\nbutton.image-button.toggle {\n margin-right: -12px;\n}\n\nmenubutton > button.image-button.toggle {\n margin-right: -10px;\n}\n\nheaderbar,\n.titlebar {\n margin-top: -1px;\n padding: 0 12px 0 0;\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close,\nheaderbar button.titlebutton.close,\n.titlebar button.titlebutton.close {\n min-width: 12px;\n min-height: 12px;\n padding: 0;\n margin: 0 2px;\n color: transparent;\n background-color: rgba(0, 0, 0, 0.3);\n background-color: rgb(255, 66, 69);\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize,\nheaderbar button.titlebutton.maximize,\n.titlebar button.titlebutton.maximize {\n min-width: 12px;\n min-height: 12px;\n padding: 0;\n margin: 0 2px;\n color: transparent;\n background-color: rgba(0, 0, 0, 0.3);\n background-color: rgb(48, 209, 88);\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize,\nheaderbar button.titlebutton.minimize,\n.titlebar button.titlebutton.minimize {\n min-width: 12px;\n min-height: 12px;\n padding: 0;\n margin: 0 2px;\n color: transparent;\n background-color: rgba(0, 0, 0, 0.3);\n background-color: rgb(255, 214, 0);\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n#MozillaGtkWidget.background\n headerbar.titlebar.default-decoration\n button.titlebutton.close:hover,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover,\nheaderbar button.titlebutton.close:hover,\n.csd headerbar button.titlebutton.close:hover,\nheaderbar.default-decoration button.titlebutton.close:hover,\n.csd headerbar.default-decoration button.titlebutton.close:hover,\n.titlebar button.titlebutton.close:hover,\n.csd .titlebar button.titlebutton.close:hover,\n.titlebar.default-decoration button.titlebutton.close:hover,\n.csd .titlebar.default-decoration button.titlebutton.close:hover {\n padding: 2px;\n margin: -2px 0;\n background-color: #f25056;\n color: rgba(255, 255, 255, 0.7);\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n#MozillaGtkWidget.background\n headerbar.titlebar.default-decoration\n button.titlebutton.maximize:hover,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover,\nheaderbar button.titlebutton.maximize:hover,\n.csd headerbar button.titlebutton.maximize:hover,\nheaderbar.default-decoration button.titlebutton.maximize:hover,\n.csd headerbar.default-decoration button.titlebutton.maximize:hover,\n.titlebar button.titlebutton.maximize:hover,\n.csd .titlebar button.titlebutton.maximize:hover,\n.titlebar.default-decoration button.titlebutton.maximize:hover,\n.csd .titlebar.default-decoration button.titlebutton.maximize:hover {\n padding: 2px;\n margin: -2px 0;\n background-color: #39ea49;\n color: rgba(255, 255, 255, 0.7);\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n#MozillaGtkWidget.background\n headerbar.titlebar.default-decoration\n button.titlebutton.minimize:hover,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover,\nheaderbar button.titlebutton.minimize:hover,\n.csd headerbar button.titlebutton.minimize:hover,\nheaderbar.default-decoration button.titlebutton.minimize:hover,\n.csd headerbar.default-decoration button.titlebutton.minimize:hover,\n.titlebar button.titlebutton.minimize:hover,\n.csd .titlebar button.titlebutton.minimize:hover,\n.titlebar.default-decoration button.titlebutton.minimize:hover,\n.csd .titlebar.default-decoration button.titlebutton.minimize:hover {\n padding: 2px;\n margin: -2px 0;\n background-color: #fac536;\n color: rgba(255, 255, 255, 0.7);\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover,\nheaderbar button.titlebutton.close:hover,\nheaderbar button.titlebutton.close:backdrop:hover,\nheaderbar button.titlebutton.maximize:hover,\nheaderbar button.titlebutton.maximize:backdrop:hover,\nheaderbar button.titlebutton.minimize:hover,\nheaderbar button.titlebutton.minimize:backdrop:hover,\n.csd headerbar button.titlebutton.close:hover,\n.csd headerbar button.titlebutton.close:backdrop:hover,\n.csd headerbar button.titlebutton.maximize:hover,\n.csd headerbar button.titlebutton.maximize:backdrop:hover,\n.csd headerbar button.titlebutton.minimize:hover,\n.csd headerbar button.titlebutton.minimize:backdrop:hover,\nheaderbar.default-decoration button.titlebutton.close:hover,\nheaderbar.default-decoration button.titlebutton.close:backdrop:hover,\nheaderbar.default-decoration button.titlebutton.maximize:hover,\nheaderbar.default-decoration button.titlebutton.maximize:backdrop:hover,\nheaderbar.default-decoration button.titlebutton.minimize:hover,\nheaderbar.default-decoration button.titlebutton.minimize:backdrop:hover,\n.csd headerbar.default-decoration button.titlebutton.close:hover,\n.csd headerbar.default-decoration button.titlebutton.close:backdrop:hover,\n.csd headerbar.default-decoration button.titlebutton.maximize:hover,\n.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:hover,\n.csd headerbar.default-decoration button.titlebutton.minimize:hover,\n.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:hover,\n.titlebar button.titlebutton.close:hover,\n.titlebar button.titlebutton.close:backdrop:hover,\n.titlebar button.titlebutton.maximize:hover,\n.titlebar button.titlebutton.maximize:backdrop:hover,\n.titlebar button.titlebutton.minimize:hover,\n.titlebar button.titlebutton.minimize:backdrop:hover,\n.csd .titlebar button.titlebutton.close:hover,\n.csd .titlebar button.titlebutton.close:backdrop:hover,\n.csd .titlebar button.titlebutton.maximize:hover,\n.csd .titlebar button.titlebutton.maximize:backdrop:hover,\n.csd .titlebar button.titlebutton.minimize:hover,\n.csd .titlebar button.titlebutton.minimize:backdrop:hover,\n.titlebar.default-decoration button.titlebutton.close:hover,\n.titlebar.default-decoration button.titlebutton.close:backdrop:hover,\n.titlebar.default-decoration button.titlebutton.maximize:hover,\n.titlebar.default-decoration button.titlebutton.maximize:backdrop:hover,\n.titlebar.default-decoration button.titlebutton.minimize:hover,\n.titlebar.default-decoration button.titlebutton.minimize:backdrop:hover,\n.csd .titlebar.default-decoration button.titlebutton.close:hover,\n.csd .titlebar.default-decoration button.titlebutton.close:backdrop:hover,\n.csd .titlebar.default-decoration button.titlebutton.maximize:hover,\n.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:hover,\n.csd .titlebar.default-decoration button.titlebutton.minimize:hover,\n.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:hover {\n color: transparent;\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.maximize:active,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.minimize:active,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.maximize:checked,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.minimize:checked,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.close:backdrop:active,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.maximize:backdrop:active,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.minimize:backdrop:active,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.close:backdrop:checked,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.maximize:backdrop:checked,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.minimize:backdrop:checked,\nheaderbar button.titlebutton.close:active,\nheaderbar button.titlebutton.close:checked,\nheaderbar button.titlebutton.close:backdrop:active,\nheaderbar button.titlebutton.close:backdrop:checked,\nheaderbar button.titlebutton.maximize:active,\nheaderbar button.titlebutton.maximize:checked,\nheaderbar button.titlebutton.maximize:backdrop:active,\nheaderbar button.titlebutton.maximize:backdrop:checked,\nheaderbar button.titlebutton.minimize:active,\nheaderbar button.titlebutton.minimize:checked,\nheaderbar button.titlebutton.minimize:backdrop:active,\nheaderbar button.titlebutton.minimize:backdrop:checked,\n.csd headerbar button.titlebutton.close:active,\n.csd headerbar button.titlebutton.close:checked,\n.csd headerbar button.titlebutton.close:backdrop:active,\n.csd headerbar button.titlebutton.close:backdrop:checked,\n.csd headerbar button.titlebutton.maximize:active,\n.csd headerbar button.titlebutton.maximize:checked,\n.csd headerbar button.titlebutton.maximize:backdrop:active,\n.csd headerbar button.titlebutton.maximize:backdrop:checked,\n.csd headerbar button.titlebutton.minimize:active,\n.csd headerbar button.titlebutton.minimize:checked,\n.csd headerbar button.titlebutton.minimize:backdrop:active,\n.csd headerbar button.titlebutton.minimize:backdrop:checked,\nheaderbar.default-decoration button.titlebutton.close:active,\nheaderbar.default-decoration button.titlebutton.close:checked,\nheaderbar.default-decoration button.titlebutton.close:backdrop:active,\nheaderbar.default-decoration button.titlebutton.close:backdrop:checked,\nheaderbar.default-decoration button.titlebutton.maximize:active,\nheaderbar.default-decoration button.titlebutton.maximize:checked,\nheaderbar.default-decoration button.titlebutton.maximize:backdrop:active,\nheaderbar.default-decoration button.titlebutton.maximize:backdrop:checked,\nheaderbar.default-decoration button.titlebutton.minimize:active,\nheaderbar.default-decoration button.titlebutton.minimize:checked,\nheaderbar.default-decoration button.titlebutton.minimize:backdrop:active,\nheaderbar.default-decoration button.titlebutton.minimize:backdrop:checked,\n.csd headerbar.default-decoration button.titlebutton.close:active,\n.csd headerbar.default-decoration button.titlebutton.close:checked,\n.csd headerbar.default-decoration button.titlebutton.close:backdrop:active,\n.csd headerbar.default-decoration button.titlebutton.close:backdrop:checked,\n.csd headerbar.default-decoration button.titlebutton.maximize:active,\n.csd headerbar.default-decoration button.titlebutton.maximize:checked,\n.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:active,\n.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:checked,\n.csd headerbar.default-decoration button.titlebutton.minimize:active,\n.csd headerbar.default-decoration button.titlebutton.minimize:checked,\n.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:active,\n.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:checked,\n.titlebar button.titlebutton.close:active,\n.titlebar button.titlebutton.close:checked,\n.titlebar button.titlebutton.close:backdrop:active,\n.titlebar button.titlebutton.close:backdrop:checked,\n.titlebar button.titlebutton.maximize:active,\n.titlebar button.titlebutton.maximize:checked,\n.titlebar button.titlebutton.maximize:backdrop:active,\n.titlebar button.titlebutton.maximize:backdrop:checked,\n.titlebar button.titlebutton.minimize:active,\n.titlebar button.titlebutton.minimize:checked,\n.titlebar button.titlebutton.minimize:backdrop:active,\n.titlebar button.titlebutton.minimize:backdrop:checked,\n.csd .titlebar button.titlebutton.close:active,\n.csd .titlebar button.titlebutton.close:checked,\n.csd .titlebar button.titlebutton.close:backdrop:active,\n.csd .titlebar button.titlebutton.close:backdrop:checked,\n.csd .titlebar button.titlebutton.maximize:active,\n.csd .titlebar button.titlebutton.maximize:checked,\n.csd .titlebar button.titlebutton.maximize:backdrop:active,\n.csd .titlebar button.titlebutton.maximize:backdrop:checked,\n.csd .titlebar button.titlebutton.minimize:active,\n.csd .titlebar button.titlebutton.minimize:checked,\n.csd .titlebar button.titlebutton.minimize:backdrop:active,\n.csd .titlebar button.titlebutton.minimize:backdrop:checked,\n.titlebar.default-decoration button.titlebutton.close:active,\n.titlebar.default-decoration button.titlebutton.close:checked,\n.titlebar.default-decoration button.titlebutton.close:backdrop:active,\n.titlebar.default-decoration button.titlebutton.close:backdrop:checked,\n.titlebar.default-decoration button.titlebutton.maximize:active,\n.titlebar.default-decoration button.titlebutton.maximize:checked,\n.titlebar.default-decoration button.titlebutton.maximize:backdrop:active,\n.titlebar.default-decoration button.titlebutton.maximize:backdrop:checked,\n.titlebar.default-decoration button.titlebutton.minimize:active,\n.titlebar.default-decoration button.titlebutton.minimize:checked,\n.titlebar.default-decoration button.titlebutton.minimize:backdrop:active,\n.titlebar.default-decoration button.titlebutton.minimize:backdrop:checked,\n.csd .titlebar.default-decoration button.titlebutton.close:active,\n.csd .titlebar.default-decoration button.titlebutton.close:checked,\n.csd .titlebar.default-decoration button.titlebutton.close:backdrop:active,\n.csd .titlebar.default-decoration button.titlebutton.close:backdrop:checked,\n.csd .titlebar.default-decoration button.titlebutton.maximize:active,\n.csd .titlebar.default-decoration button.titlebutton.maximize:checked,\n.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:active,\n.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:checked,\n.csd .titlebar.default-decoration button.titlebutton.minimize:active,\n.csd .titlebar.default-decoration button.titlebutton.minimize:checked,\n.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:active,\n.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:checked {\n color: transparent;\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:backdrop,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.maximize:backdrop,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.minimize:backdrop,\nheaderbar button.titlebutton.close:backdrop,\nheaderbar button.titlebutton.maximize:backdrop,\nheaderbar button.titlebutton.minimize:backdrop,\n.csd headerbar button.titlebutton.close:backdrop,\n.csd headerbar button.titlebutton.maximize:backdrop,\n.csd headerbar button.titlebutton.minimize:backdrop,\nheaderbar.default-decoration button.titlebutton.close:backdrop,\nheaderbar.default-decoration button.titlebutton.maximize:backdrop,\nheaderbar.default-decoration button.titlebutton.minimize:backdrop,\n.csd headerbar.default-decoration button.titlebutton.close:backdrop,\n.csd headerbar.default-decoration button.titlebutton.maximize:backdrop,\n.csd headerbar.default-decoration button.titlebutton.minimize:backdrop,\n.titlebar button.titlebutton.close:backdrop,\n.titlebar button.titlebutton.maximize:backdrop,\n.titlebar button.titlebutton.minimize:backdrop,\n.csd .titlebar button.titlebutton.close:backdrop,\n.csd .titlebar button.titlebutton.maximize:backdrop,\n.csd .titlebar button.titlebutton.minimize:backdrop,\n.titlebar.default-decoration button.titlebutton.close:backdrop,\n.titlebar.default-decoration button.titlebutton.maximize:backdrop,\n.titlebar.default-decoration button.titlebutton.minimize:backdrop,\n.csd .titlebar.default-decoration button.titlebutton.close:backdrop,\n.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop,\n.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop {\n color: transparent;\n background-color: rgba(0, 0, 0, 0.12);\n}\n\nbutton.titlebutton image {\n margin: -1px;\n}\n\n/* gtk4 */\n\n/*********************\n * GtkWindowControls *\n *********************/\nwindowcontrols > button {\n min-height: 12px;\n min-width: 12px;\n padding: 0px;\n margin-left: 2px;\n margin-right: 2px;\n}\n\nwindowcontrols > button.minimize,\nwindowcontrols > button.maximize,\nwindowcontrols > button.close {\n color: transparent;\n background: none;\n}\n\nwindowcontrols.end > button.minimize > image {\n background-color: #38c76a;\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\nwindowcontrols.start > button.minimize > image {\n background-color: #fdbe04;\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\nwindowcontrols.end > button.minimize > image {\n margin-left: 12px;\n}\n\nwindowcontrols.end > button.minimize > image:hover {\n background-color: rgba(56, 199, 106, 0.85);\n}\n\nwindowcontrols.start > button.minimize > image:hover {\n background-color: rgba(253, 190, 4, 0.85);\n}\n\nwindowcontrols.end > button.maximize > image {\n background-color: #fdbe04;\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\nwindowcontrols.start > button.maximize > image {\n background-color: #38c76a;\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\nwindowcontrols.end > button.maximize > image:hover {\n background-color: rgba(253, 190, 4, 0.85);\n}\n\nwindowcontrols.start > button.maximize > image:hover {\n background-color: rgba(56, 199, 106, 0.85);\n}\n\nwindowcontrols > button.close > image {\n background-color: #fd5f51;\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\nwindowcontrols > button.close > image:hover {\n background-color: rgba(253, 95, 81, 0.85);\n}\n\nwindowcontrols > button > image {\n padding: 0.4px;\n}\n\nwindowcontrols {\n margin-right: -6px;\n max-width: 12px;\n max-height: 12px;\n}\n\n/*********************\n * Text Editor *\n *********************/\ntabbox {\n background-color: rgba(255, 255, 255, 0.05);\n border-radius: 24px;\n margin: 2px 4px 2px 0px;\n box-shadow: none;\n}\n\ntextview.editor {\n border-radius: 30px;\n margin-top: 10px;\n background-color: rgba(0, 0, 0, 0.2);\n box-shadow: inset 2px 2px 4px -2.8px rgba(255, 255, 255, 0.6),\n inset -2px -2px 4px -2.8px rgba(255, 255, 255, 0.6);\n}\n\ntextview.editor > border.left > gutter,\ntextview.editor > border.left,\nrevealer.bottom-bar.raised,\npositionlabel.bottom.numeric.right {\n background-color: rgba(0, 0, 0, 0);\n}\n\nrevealer.bottom-bar.raised,\nrevealer.top-bar.raised {\n border: none;\n box-shadow: none;\n}\n\nseparator.vertical {\n opacity: 0;\n}\n\nlist.boxed-list > row.property,\nlist.boxed-list > row.activatable.combo,\nlist.boxed-list > row.activatable {\n border-bottom-color: rgba(0, 0, 0, 0.2);\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n\nwidget.end.sidebar-pane,\nwidget.end.sidebar-pane > widget,\nwidget.end.sidebar-pane > widget > preferencespage {\n border-radius: 30px;\n}\n\nwidget.end.sidebar-pane > widget,\nwidget.end.sidebar-pane > widget > preferencespage {\n margin-top: -14px;\n margin-bottom: -14px;\n}\n\nwidget.end.sidebar-pane {\n margin-top: 10px;\n margin-left: 10px;\n}\n\n/*\n.collapse-spacing.vertical {\n background-color: rgba(0, 0, 0, 0);\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.03)\n );\n box-shadow: inset 2px 2px 4px -3px rgba(255, 255, 255, 0.6),\n inset -2px -2px 4px -3px rgba(255, 255, 255, 0.6);\n}\n\n*/\n/*********************\n * Nautilus *\n *********************/\n\nwidget#NautilusViewCell {\n border-radius: 0px;\n}\n\nwidget#NautilusViewCell\n > box.horizontal\n > box.horizontal\n > box.vertical\n > picture {\n border-radius: 0px;\n}\n\nwidget#NautilusViewCell > box.horizontal > box.horizontal > box.vertical {\n border-radius: 0px;\n}\n\nwindow.filechooser > gridview.view,\nwindow.filechooser > list.navigation-sidebar {\n background-color: transparent;\n}\n\ngridview.view picture.thumbnail {\n border-radius: 16px;\n border: none;\n border-color: rgba(255, 255, 255, 0);\n box-shadow: none;\n background-color: transparent;\n}\n\n.nautilus-window headerbar > revealer.top-bar,\noverlay-split-view.view,\nstatuspage.view,\nwindow#NautilusAppChooser > headerbar.titlebar,\nbox.vertical > banner > revealer > widget {\n background-color: rgba(0, 0, 0, 0);\n}\n\n.sidebar-pane {\n background-color: transparent;\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.03)\n );\n box-shadow: inset 2px 2px 4px -3px rgba(255, 255, 255, 0.6),\n inset -2px -2px 4px -3px rgba(255, 255, 255, 0.6);\n}\n\nwindow {\n background-color: rgba(0, 0, 0, 0.6);\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),\n inset 0 -1px 0 rgba(255, 255, 255, 0.05);\n}\n\n#NautilusFileChooser.background {\n background-color: rgba(0, 0, 0, 0.6);\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),\n inset 0 -1px 0 rgba(255, 255, 255, 0.05);\n}\n\nwindow#NautilusFileChooser > button.default.pill {\n margin-right: 10px;\n}\n\nwindow#NautilusFileChooser > revealer.bottom-bar {\n margin-left: 10px;\n}\n\n#NautilusPathBar {\n background-color: rgba(0, 0, 0, 0);\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.03)\n );\n box-shadow: inset 2px 2px 4px -2.8px rgba(255, 255, 255, 0.6),\n inset -2px -2px 4px -2.8px rgba(255, 255, 255, 0.6);\n}\n\nentry {\n background-color: rgba(0, 0, 0, 0);\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.03)\n );\n box-shadow: inset 2px 2px 4px -3px rgba(255, 255, 255, 0.6),\n inset -2px -2px 4px -3px rgba(255, 255, 255, 0.6);\n}\n\nwindow#NautilusAppChooser > separator.horizontal {\n opacity: 0;\n}\n\nwindow#NautilusAppChooser\n > box.dialog-vbox\n > box.vertical\n > scrolledwindow.background {\n background-color: rgba(0, 0, 0, 0);\n}\n\nwindow#NautilusAppChooser > scrolledwindow.background {\n border: none;\n}\n\nlist.background {\n background-color: rgba(0, 0, 0, 0);\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.03)\n );\n box-shadow: inset 2px 2px 4px -3.2px rgba(255, 255, 255, 0.6),\n inset -2px -2px 4px -3.2px rgba(255, 255, 255, 0.6);\n margin-top: 10px;\n}\n\n/* This removes selection color of sidebar\nrow.activatable {\n background-color: rgba(0, 0, 0, 0);\n }\n */\n\nsheet.background {\n background-color: rgba(0, 0, 0, 0.92);\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.03)\n );\n}\n\nbutton.suggested-action.text-button {\n margin-right: -10px;\n}\n\nbox.bottom.floating-bar {\n background-color: rgba(0, 0, 0, 0.6);\n box-shadow: inset 2px 2px 2px -2.8px rgba(255, 255, 255, 0.8),\n inset -2px -2px 2px -2.8px rgba(255, 255, 255, 0.8);\n}\n\n/*\n row.activatable.entry {\n background-color: rgba(0, 0, 0, 0);\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.03)\n );\n box-shadow: inset 2px 2px 4px -3.2px rgba(255, 255, 255, 0.6),\n inset -2px -2px 4px -3.2px rgba(255, 255, 255, 0.6);\n }\n\n toolbarview.undershoot-top {\n background-color: rgba(0, 0, 0, 0);\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.03)\n );\n box-shadow: inset 2px 2px 4px -3.2px rgba(255, 255, 255, 0.6),\n inset -2px -2px 4px -3.2px rgba(255, 255, 255, 0.6);\n }\n*/\n\n/*********************\n * General *\n *********************/\n\nviewswitcher.wide {\n background-color: rgba(255, 255, 255, 0.1);\n border-radius: 9999px;\n}\n\nviewswitcher.wide > button {\n margin: 2px;\n}\n\nswitch:checked {\n background-color: rgb(48, 209, 88);\n}\n\nswitch > slider,\nscale.horizontal > trough > slider {\n background-color: white;\n min-width: 26px;\n}\n\nscale.marks-after > trough > slider {\n background-color: white;\n transform: rotate(0deg);\n}\n\nswitch > slider,\nscale.horizontal > trough > slider,\nscale.marks-after > trough > slider {\n transition: transform 200ms cubic-bezier(0.15, 0.5, 0.3, 0.95),\n background-color 150ms ease-in-out;\n}\n\nswitch > slider:active {\n transform: scale(1.8);\n background-color: rgba(255, 255, 255, 0);\n box-shadow: inset 1.2px 0px 2px -0.2px rgba(48, 209, 88, 0.8),\n inset -0.8px 0.8px 2px -0.2px rgba(255, 255, 255, 0.6);\n}\n\nscale.horizontal > trough > slider:active,\nscale.marks-after > trough > slider:active {\n transform: scale(1.28);\n background-color: rgba(255, 255, 255, 0);\n box-shadow: inset 1.2px 0px 2px -0.2px rgba(0, 145, 255, 0.8),\n inset -0.8px 0.8px 2px -0.2px rgba(255, 255, 255, 0.6);\n}\n\nwindow > tooltip.background {\n box-shadow: inset 2px 2px 2px -2.8px rgba(255, 255, 255, 0.8),\n inset -2px -2px 2px -2.8px rgba(255, 255, 255, 0.8);\n}\n\npopover > contents {\n background-color: rgba(0, 0, 0, 0.92);\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.03)\n );\n}\n\npopover > arrow {\n background-color: rgba(0, 0, 0, 0.92);\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.03)\n );\n}\n\n.raised.top-bar,\nwindow > windowhandle,\nwindow > headerbar.titlebar {\n background-color: rgba(0, 0, 0, 0);\n border: none;\n}\n\nwidget.content-pane {\n background-color: rgba(0, 0, 0, 0);\n border-radius: 30px;\n}\n\nbox.vertical,\nstack.view,\ncalendar-view,\nnavigation-view-page > toolbarview.undershoot-top.view {\n background-color: rgba(0, 0, 0, 0);\n}\n\nstack.drop-widget,\nstack.drop-widget > revealer,\nwidget.background,\nwidget.content-pane > lpdragoverlay > revealer,\nwidget.content-pane > lpdragoverlay {\n border-radius: 30px;\n}\n\n/*********************\n * Tweaks *\n *********************/\n.tweak-titlebar-left,\n.tweak-titlebar-right {\n background-color: rgba(0, 0, 0, 0);\n border: none;\n border-top-color: rgba(0, 0, 0, 0);\n border-right-color: rgba(0, 0, 0, 0);\n border-bottom-color: rgba(0, 0, 0, 0);\n border-left-color: rgba(0, 0, 0, 0);\n box-shadow: none;\n}\n\n.tweak-titlebar-left > box,\n.tweak-titlebar-right > box {\n background-color: rgba(0, 0, 0, 0);\n border: none;\n border-top-color: rgba(0, 0, 0, 0);\n border-right-color: rgba(0, 0, 0, 0);\n border-bottom-color: rgba(0, 0, 0, 0);\n border-left-color: rgba(0, 0, 0, 0);\n box-shadow: none;\n}\n\nbox {\n border: none;\n border-top-color: rgba(0, 0, 0, 0);\n border-right-color: rgba(0, 0, 0, 0);\n border-bottom-color: rgba(0, 0, 0, 0);\n border-left-color: rgba(0, 0, 0, 0);\n box-shadow: none;\n}\n\nstack.background {\n background-color: rgba(0, 0, 0, 0);\n}\n\nbox.split-row.vertical {\n border-radius: 0;\n border-bottom-color: rgba(0, 0, 0, 0, 0.2);\n}\n\nleaflet.unfolded > separator.horizontal {\n opacity: 0;\n}\n\nleaflet.unfolded > box.vertical list.navigation-sidebar {\n background-color: transparent;\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.03)\n );\n box-shadow: inset 2px 2px 4px -3px rgba(255, 255, 255, 0.6),\n inset -2px -2px 4px -3px rgba(255, 255, 255, 0.6);\n}\n\nleaflet.unfolded > box.vertical > searchbar box {\n background-color: transparent;\n}\n\n/*********************\n * weather *\n *********************/\n\nscrolledwindow.card.forecast-card {\n margin-left: 12px;\n margin-right: 12px;\n}\n\nmonthcell:hover {\n background-color: rgba(255, 255, 255, 0.1);\n}\n\n/*********************\n * Mission Center *\n *********************/\n\ncolumnview.rich-list.view {\n background-color: rgba(0, 0, 0, 0);\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.03)\n );\n box-shadow: inset 2px 2px 4px -2.8px rgba(255, 255, 255, 0.6),\n inset -2px -2px 4px -2.8px rgba(255, 255, 255, 0.6);\n}\n\n/*\n toolbarview.undershoot-top {\n background-color: rgba(0, 0, 0, 0);\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.03)\n );\n box-shadow: inset 2px 2px 4px -3.2px rgba(255, 255, 255, 0.6),\n inset -2px -2px 4px -3.2px rgba(255, 255, 255, 0.6);\n }\n */\n\n/*********************\n * Photos APP *\n *********************/\n\n/*\n revealer.bottom-bar {\n border-radius: 9999px;\n background-color: rgba(0, 0, 0, 0);\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.1),\n rgba(255, 255, 255, 0.03)\n );\n box-shadow: inset 2px 2px 4px -3.2px rgba(255, 255, 255, 0.6),\n inset -2px -2px 4px -3.2px rgba(255, 255, 255, 0.6);\n\n }\n */\n\n/*********************\n * Photos APP *\n *********************/\n\nrow.expander,\nrow.expander > row.activatable.header {\n border-radius: 0;\n border-bottom-color: rgba(255, 255, 255, 0.2);\n}\n\n/*********************\n * Settings *\n *********************/\n\nbutton.background-preview-button.toggle:checked {\n border-radius: 30px;\n}\n\nbutton.background-preview-button.toggle > background-preview > picture {\n border-radius: 28px;\n}\n\n/*********************\n * Extensions *\n *********************/\n\nheader.horizontal.top > tabs > tab:checked,\nheader.horizontal.top > tabs > tab:hover {\n box-shadow: none;\n background-color: rgba(255, 255, 255, 0.15);\n}\n\nheader.horizontal.top > tabs > tab {\n margin-left: -4px;\n margin-right: 8px;\n}\n\nnotebook.frame > stack {\n background-color: transparent;\n}\n\nnotebook.frame > stack > list {\n background-color: rgba(255, 255, 255, 0.6);\n}\n\n/*********************\n * Cartridges *\n *********************/\n\noverlay.large > button#cover_button {\n border-radius: 20px;\n min-width: 22px;\n}\n\noverlay.large\n > revealer.right.top\n > menubutton.circular.osd.popup\n button.image-button.toggle {\n margin-right: 1px;\n}\n\n/*********************\n * Dissent *\n *********************/\n\nnotebook.login-methods > header.horizontal.top {\n border: none;\n padding-bottom: 12px;\n}\n\nnotebook.login-methods > stack {\n background-color: transparent;\n padding-bottom: 12px;\n}\n\nheaderbar.login-page-header,\nheaderbar.login-page-header > windowhandle {\n background-color: transparent;\n border: 0px solid rgba(0, 0, 0, 0);\n}\n\npicture.onlineimage.thumbnail-embed-image,\nbutton.flat.thumbnail-embed {\n border-radius: 20px;\n}\n\nwindow headerbar {\n background-color: transparent;\n}\n\noverlay-split-vew.window-chatpage\n > widget.sidebar-pane\n > box.horizontal.sidebar-sidebar\n > box.sidebar-guildside.vertical\n > windowcontrols.start {\n margin-top: 10px;\n}\n\nbox.horizontal.user-bar {\n margin-right: 17px;\n}\n\npopover.emoji-picker > box.emoji-searchbar > entry.search {\n min-height: 100px;\n}\n\nlist.message-list > row,\ntextview.md-textblock {\n border-radius: 0;\n}\n\noverlay-split-vew.window-chatpage\n > windowhandle\n > box.end.horizontal\n > button.image-button.toggle {\n margin-right: -4px;\n}\n" }, { "path": "gtk/Tahoe-Dark/index.theme", "content": "[X-GNOME-Metatheme]\nName=Tahoe-Dark\nType=X-GNOME-Metatheme\nEncoding=UTF-8\nGtkTheme=Tahoe-Dark\n" }, { "path": "gtk/Tahoe-Light/gnome-shell/gnome-shell.css", "content": "/* This stylesheet is generated, DO NOT EDIT */\n/* Copyright 2009, 2015 Red Hat, Inc.\n *\n * Portions adapted from Mx's data/style/default.css\n * Copyright 2009 Intel Corporation\n *\n * This program is free software; you can redistribute it and/or modify it\n * under the terms and conditions of the GNU Lesser General Public License,\n * version 2.1, as published by the Free Software Foundation.\n *\n * This program is distributed in the hope it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS\n * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for\n * more details.\n *\n * You should have received a copy of the GNU Lesser General Public License\n * along with this program; if not, write to the Free Software Foundation,\n * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.\n */\nstage {\n font-size: 1em;\n color: #242424;\n}\n\n/* General Typography */\n.message-notification-group .message-group-header .message-group-title,\n.message-list .message-list-placeholder,\n.message-dialog-content .message-dialog-title,\n.datemenu-today-button .date-label {\n font-weight: 800;\n font-size: 1.364em;\n}\n\n.quick-toggle-menu .header .title {\n font-weight: 700;\n font-size: 1.364em;\n}\n\n.bt-menu-placeholder.popup-menu-item,\n.restart-message,\n.polkit-dialog-user-layout .polkit-dialog-user-label,\n.polkit-dialog-user-layout .polkit-dialog-user-root-label,\n.message-dialog-content .message-dialog-title.lightweight {\n font-weight: 700;\n font-size: 1.182em;\n}\n\n.background-app-item .title,\n.quick-toggle .quick-toggle-title,\n.message-list-controls,\n.dialog-list .dialog-list-title,\n.weather-button .weather-header,\n.world-clocks-button .world-clocks-header,\n.events-button .event-summary,\n.events-button .events-title,\n.events-button .events-section-title,\n.calendar .calendar-month-label {\n font-weight: 700;\n font-size: 1em;\n}\n\n.quick-toggle-menu .header .subtitle {\n font-weight: 700;\n font-size: 0.818em;\n}\n\n.background-app-item .subtitle,\n.quick-toggle .quick-toggle-subtitle,\n.message .message-header .message-header-content .event-time,\n.prompt-dialog-error-label,\n.prompt-dialog-info-label,\n.prompt-dialog-null-label,\n.run-dialog .run-dialog-description,\n.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description,\n.caps-lock-warning-label,\n.world-clocks-button .world-clocks-timezone,\n.events-button .event-time {\n font-weight: 400;\n font-size: 0.818em;\n}\n\n.weather-button .weather-forecast-time,\n.calendar .calendar-day-heading,\n.calendar .calendar-week-number,\n.calendar .calendar-day,\n.calendar .calendar-day-base {\n font-weight: 400;\n font-size: 0.727em;\n}\n\n#panel,\n.weather-button .weather-forecast-temp,\n.weather-button .weather-forecast-time,\n.world-clocks-button .world-clocks-timezone,\n.world-clocks-button .world-clocks-time,\n.events-button .event-time,\n.calendar .calendar-day-heading,\n.calendar .calendar-day,\n.calendar .calendar-day-base {\n font-feature-settings: 'tnum';\n}\n\n.ripple-pointer-location {\n width: 48px;\n height: 48px;\n border-radius: 24px;\n background-color: st-lighten(st-transparentize(#0088ff, 0.7), 30%);\n box-shadow: 0 0 2px 2px st-lighten(#0088ff, 20%);\n}\n\n.pie-timer {\n width: 60px;\n height: 60px;\n -pie-border-width: 3px;\n -pie-border-color: #0088ff;\n -pie-background-color: st-lighten(st-transparentize(#0088ff, 0.7), 40%);\n}\n\n.magnifier-zoom-region {\n border: 2px solid #0088ff;\n}\n\n.magnifier-zoom-region.full-screen {\n border-width: 0;\n}\n\n/* App Icons */\n.grid-search-result .overview-icon {\n color: white;\n border-radius: 36px;\n padding: 12px;\n border: none;\n transition-duration: 100ms;\n text-align: center;\n text-shadow: none;\n background-color: transparent;\n}\n\n.grid-search-result:hover .overview-icon,\n.grid-search-result:focus .overview-icon,\n.grid-search-result:selected .overview-icon {\n background-color: rgba(255, 255, 255, 0.12);\n border-image: none;\n background-image: none;\n}\n\n.grid-search-result:active .overview-icon,\n.grid-search-result:checked .overview-icon {\n background-color: rgba(255, 255, 255, 0.2);\n box-shadow: none;\n}\n\n.app-folder-dialog {\n border-radius: 32px;\n border: none;\n box-shadow: none;\n background-color: rgba(38, 38, 38, 0.9);\n color: rgba(255, 255, 255, 0.85);\n}\n\n.app-folder-dialog .folder-name-container {\n padding: 24px 36px 0;\n spacing: 12px;\n /* FIXME: this is to keep the label in sync with the entry */\n}\n\n.app-folder-dialog .folder-name-container .folder-name-label,\n.app-folder-dialog .folder-name-container .folder-name-entry {\n font-size: 16pt;\n font-weight: bold;\n}\n\n.app-folder-dialog .folder-name-container .folder-name-entry {\n width: 240px !important;\n}\n\n.app-folder-dialog .folder-name-container .folder-name-label {\n padding: 4px;\n color: rgba(255, 255, 255, 0.85);\n}\n\n.app-folder-dialog .folder-name-container .edit-folder-button {\n background-color: rgba(255, 255, 255, 0.06);\n color: rgba(255, 255, 255, 0.85);\n border: none;\n padding: 0;\n width: 36px;\n height: 36px;\n border-radius: 9999px;\n}\n\n.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {\n icon-size: 16px;\n}\n\n.app-folder-dialog .folder-name-container .edit-folder-button:hover {\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n.app-folder-dialog .folder-name-container .edit-folder-button:checked,\n.app-folder-dialog .folder-name-container .edit-folder-button:active {\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n.app-folder-dialog .icon-grid {\n row-spacing: 12px;\n column-spacing: 12px;\n page-padding-top: 0;\n page-padding-bottom: 0;\n page-padding-left: 0;\n page-padding-right: 0;\n}\n\n.app-folder-dialog .page-indicators {\n margin-bottom: 18px;\n}\n\n.app-folder-dialog-container {\n padding: 6px !important;\n width: 580px;\n height: 580px;\n}\n\n.app-well-app-running-dot {\n width: 5px;\n height: 5px;\n border-radius: 5px;\n background-color: rgba(255, 255, 255, 0.85);\n margin-bottom: 6px;\n}\n\nStWidget.focused .app-well-app-running-dot {\n background-color: #0088ff;\n}\n\n.page-indicator {\n padding: 4px 8px;\n}\n\n.page-indicator .page-indicator-icon {\n width: 12px;\n height: 12px;\n border-radius: 12px;\n margin: 0;\n padding: 0;\n background-image: none;\n color: transparent;\n border: none;\n box-shadow: none;\n background-color: rgba(255, 255, 255, 0.35);\n}\n\n.page-indicator:hover .page-indicator-icon {\n background-image: none;\n background-color: rgba(255, 255, 255, 0.45);\n}\n\n.page-indicator:active .page-indicator-icon {\n margin: 0;\n padding: 0;\n background-image: none;\n color: transparent;\n border: none;\n box-shadow: none;\n background-color: rgba(255, 255, 255, 0.85);\n}\n\n.page-indicator:checked .page-indicator-icon {\n background-image: none;\n background-color: rgba(255, 255, 255, 0.85);\n}\n\n.page-indicator:checked:active {\n background-image: none;\n}\n\n.system-action-icon {\n box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);\n background-color: rgba(0, 0, 0, 0.6);\n color: white;\n border-radius: 100px;\n icon-size: 48px;\n}\n\n.shell-link {\n border-radius: 6px;\n color: #3484e2;\n}\n\n.shell-link:hover {\n color: #3484e2;\n background-color: rgba(52, 132, 226, 0.15);\n}\n\n.shell-link:active {\n color: #3484e2;\n background-color: rgba(52, 132, 226, 0.3);\n}\n\n.lowres-icon {\n icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);\n}\n\n.icon-dropshadow {\n icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);\n}\n\n/* Buttons */\n.icon-button,\n.background-app-item .icon-button,\n.background-app-item .message-notification-group .message-collapse-button,\n.message-notification-group .background-app-item .message-collapse-button,\n.background-app-item .message .message-header .message-expand-button,\n.message .message-header .background-app-item .message-expand-button,\n.background-app-item .message .message-header .message-close-button,\n.message .message-header .background-app-item .message-close-button,\n.message .message-header .message-expand-button,\n.message .message-header .message-close-button,\n.message-notification-group .message-collapse-button,\n.button {\n color: #242424;\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button:hover,\n.message .message-header .message-expand-button:hover,\n.message .message-header .message-close-button:hover,\n.message-notification-group .message-collapse-button:hover,\n.button:hover {\n color: #242424;\n background-color: rgba(0, 0, 0, 0.12);\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button:selected,\n.message .message-header .message-expand-button:selected,\n.message .message-header .message-close-button:selected,\n.message-notification-group .message-collapse-button:selected,\n.button:selected,\n.icon-button:active,\n.message .message-header .message-expand-button:active,\n.message .message-header .message-close-button:active,\n.message-notification-group .message-collapse-button:active,\n.button:active {\n color: #242424;\n background-color: rgba(0, 0, 0, 0.2);\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button:checked,\n.message .message-header .message-expand-button:checked,\n.message .message-header .message-close-button:checked,\n.message-notification-group .message-collapse-button:checked,\n.button:checked {\n color: white;\n background-color: #0088ff;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button:insensitive,\n.message .message-header .message-expand-button:insensitive,\n.message .message-header .message-close-button:insensitive,\n.message-notification-group .message-collapse-button:insensitive,\n.button:insensitive {\n color: rgba(36, 36, 36, 0.45);\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button:focus,\n.message .message-header .message-expand-button:focus,\n.message .message-header .message-close-button:focus,\n.message-notification-group .message-collapse-button:focus,\n.button:focus {\n color: #242424;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button:focus,\n.message .message-header .message-expand-button:focus,\n.message .message-header .message-close-button:focus,\n.message-notification-group .message-collapse-button:focus,\n.button:focus {\n box-shadow: none !important;\n}\n\n.icon-button.flat,\n.message .message-header .flat.message-expand-button,\n.message .message-header .flat.message-close-button,\n.message-notification-group .flat.message-collapse-button,\n.button.flat {\n color: #242424;\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button.flat:hover,\n.message .message-header .flat.message-expand-button:hover,\n.message .message-header .flat.message-close-button:hover,\n.message-notification-group .flat.message-collapse-button:hover,\n.button.flat:hover {\n color: #242424;\n background-color: rgba(0, 0, 0, 0.12);\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button.flat:selected,\n.message .message-header .flat.message-expand-button:selected,\n.message .message-header .flat.message-close-button:selected,\n.message-notification-group .flat.message-collapse-button:selected,\n.button.flat:selected,\n.icon-button.flat:active,\n.message .message-header .flat.message-expand-button:active,\n.message .message-header .flat.message-close-button:active,\n.message-notification-group .flat.message-collapse-button:active,\n.button.flat:active {\n color: #242424;\n background-color: rgba(0, 0, 0, 0.2);\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button.flat:checked,\n.message .message-header .flat.message-expand-button:checked,\n.message .message-header .flat.message-close-button:checked,\n.message-notification-group .flat.message-collapse-button:checked,\n.button.flat:checked {\n color: #242424;\n background-color: rgba(0, 0, 0, 0.12);\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button.flat:insensitive,\n.message .message-header .flat.message-expand-button:insensitive,\n.message .message-header .flat.message-close-button:insensitive,\n.message-notification-group .flat.message-collapse-button:insensitive,\n.button.flat:insensitive {\n color: rgba(36, 36, 36, 0.45);\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button.flat:focus,\n.message .message-header .flat.message-expand-button:focus,\n.message .message-header .flat.message-close-button:focus,\n.message-notification-group .flat.message-collapse-button:focus,\n.button.flat:focus {\n color: #242424;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.icon-button.flat:focus,\n.message .message-header .flat.message-expand-button:focus,\n.message .message-header .flat.message-close-button:focus,\n.message-notification-group .flat.message-collapse-button:focus,\n.button.flat:focus {\n box-shadow: none !important;\n}\n\n.keyboard-brightness-level .button:checked,\n.icon-button.default,\n.message .message-header .default.message-expand-button,\n.message .message-header .default.message-close-button,\n.message-notification-group .default.message-collapse-button,\n.button.default {\n color: white;\n background-color: #0088ff;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.keyboard-brightness-level .button:hover:checked,\n.icon-button.default:hover,\n.message .message-header .default.message-expand-button:hover,\n.message .message-header .default.message-close-button:hover,\n.message-notification-group .default.message-collapse-button:hover,\n.button.default:hover {\n color: white;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n background-color: st-mix(white, #0088ff, 6%);\n}\n\n.keyboard-brightness-level .button:active:checked,\n.icon-button.default:active,\n.message .message-header .default.message-expand-button:active,\n.message .message-header .default.message-close-button:active,\n.message-notification-group .default.message-collapse-button:active,\n.button.default:active {\n color: white;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n background-color: st-mix(white, #0088ff, 12%);\n}\n\n.keyboard-brightness-level .button:insensitive:checked,\n.icon-button.default:insensitive,\n.message .message-header .default.message-expand-button:insensitive,\n.message .message-header .default.message-close-button:insensitive,\n.message-notification-group .default.message-collapse-button:insensitive,\n.button.default:insensitive {\n color: white;\n background-color: #0088ff;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.keyboard-brightness-level .button:focus:checked,\n.icon-button.default:focus,\n.message .message-header .default.message-expand-button:focus,\n.message .message-header .default.message-close-button:focus,\n.message-notification-group .default.message-collapse-button:focus,\n.button.default:focus {\n color: white;\n text-shadow: none;\n icon-shadow: none;\n box-shadow: none !important;\n}\n\n.button {\n min-height: 1.5em;\n padding: 6px 12px;\n border-radius: 6px;\n border: none;\n}\n\n.icon-button,\n.background-app-item .icon-button,\n.background-app-item .message-notification-group .message-collapse-button,\n.message-notification-group .background-app-item .message-collapse-button,\n.background-app-item .message .message-header .message-expand-button,\n.message .message-header .background-app-item .message-expand-button,\n.background-app-item .message .message-header .message-close-button,\n.message .message-header .background-app-item .message-close-button,\n.message .message-header .message-expand-button,\n.message .message-header .message-close-button,\n.message-notification-group .message-collapse-button {\n min-height: 1.091em;\n min-width: 1.091em;\n padding: 0.818em;\n border-radius: 9999px;\n border: none;\n}\n\n.icon-button StIcon,\n.background-app-item .icon-button StIcon,\n.background-app-item\n .message-notification-group\n .message-collapse-button\n StIcon,\n.message-notification-group\n .background-app-item\n .message-collapse-button\n StIcon,\n.background-app-item .message .message-header .message-expand-button StIcon,\n.message .message-header .background-app-item .message-expand-button StIcon,\n.background-app-item .message .message-header .message-close-button StIcon,\n.message .message-header .background-app-item .message-close-button StIcon,\n.message .message-header .message-expand-button StIcon,\n.message .message-header .message-close-button StIcon,\n.message-notification-group .message-collapse-button StIcon {\n icon-size: 1.091em;\n -st-icon-style: symbolic;\n}\n\n.place-menu-item:focus .button,\n.place-menu-item:hover .button,\n.place-menu-item:selected .button,\n.screenshot-ui-show-pointer-button,\n.screenshot-ui-type-button,\n#LookingGlassDialog > #Toolbar .lg-toolbar-button {\n background-color: transparent;\n border: none;\n box-shadow: none;\n outline: none;\n color: rgba(255, 255, 255, 0.75);\n}\n\n.place-menu-item:focus .button:hover,\n.place-menu-item:hover .button:hover,\n.place-menu-item:selected .button:hover,\n.screenshot-ui-show-pointer-button:hover,\n.screenshot-ui-type-button:hover,\n#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {\n background-color: rgba(255, 255, 255, 0.1);\n color: white;\n}\n\n.place-menu-item:focus .button:active,\n.place-menu-item:hover .button:active,\n.place-menu-item:selected .button:active,\n.screenshot-ui-show-pointer-button:active,\n.screenshot-ui-type-button:active,\n#LookingGlassDialog > #Toolbar .lg-toolbar-button:active {\n background-color: rgba(255, 255, 255, 0.25);\n color: white;\n}\n\n.place-menu-item:focus .button:checked,\n.place-menu-item:hover .button:checked,\n.place-menu-item:selected .button:checked,\n.screenshot-ui-show-pointer-button:checked,\n.screenshot-ui-type-button:checked,\n#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {\n background-color: #0088ff;\n color: white;\n}\n\n.place-menu-item:focus .button:insensitive,\n.place-menu-item:hover .button:insensitive,\n.place-menu-item:selected .button:insensitive,\n.screenshot-ui-show-pointer-button:insensitive,\n.screenshot-ui-type-button:insensitive,\n#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {\n background-color: transparent;\n color: rgba(255, 255, 255, 0.35);\n}\n\n/* Date/Time Menu */\n.world-clocks-button,\n.weather-button,\n.events-button {\n color: #424242;\n background-color: rgba(255, 255, 255, 0.92);\n border-radius: 20px !important;\n border: none;\n box-shadow: inset 0 0 4px 2px rgb(255, 255, 255) !important;\n text-shadow: none;\n}\n\n.world-clocks-button:hover,\n.weather-button:hover,\n.events-button:hover,\n.world-clocks-button:focus,\n.weather-button:focus,\n.events-button:focus {\n color: #242424;\n background-color: white;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;\n}\n\n.world-clocks-button:active,\n.weather-button:active,\n.events-button:active {\n color: #242424;\n background-color: rgba(252, 252, 252, 0.95);\n box-shadow: none !important;\n}\n\n#calendarArea {\n padding: 3px 0;\n}\n\n.datemenu-popover {\n border-radius: 22px !important;\n}\n\n.datemenu-calendar-column {\n spacing: 4px;\n border: none;\n}\n\n.datemenu-calendar-column:ltr {\n margin-right: 0;\n padding-left: 4px;\n border-left-width: 0;\n}\n\n.datemenu-calendar-column:rtl {\n margin-left: 0;\n padding-right: 4px;\n border-right-width: 0;\n}\n\n.datemenu-calendar-column .datemenu-displays-section {\n padding: 0;\n}\n\n.datemenu-calendar-column .datemenu-displays-box {\n spacing: 4px;\n}\n\n/* today button (the date) */\n.datemenu-today-button {\n border: none;\n box-shadow: none;\n background: none;\n padding: 4px 8px;\n margin: 3px 6px;\n text-shadow: none;\n color: #424242;\n border-radius: 8px;\n}\n\n.datemenu-today-button:hover,\n.datemenu-today-button:focus {\n color: #242424;\n background-color: white;\n}\n\n.datemenu-today-button:active {\n color: #242424;\n background-color: rgba(252, 252, 252, 0.95);\n}\n\n.datemenu-today-button .day-label {\n font-weight: bold;\n}\n\n/* Calendar */\n.calendar {\n border: none;\n box-shadow: none !important;\n background-color: transparent;\n padding: 4px;\n margin: 0 4px;\n text-shadow: none;\n border-radius: 20px;\n}\n\n.calendar .calendar-month-label {\n margin: 0;\n padding: 4px 0;\n color: #242424 !important;\n background-color: transparent !important;\n text-align: center;\n text-shadow: none;\n}\n\n.calendar .calendar-month-label:focus {\n background-color: rgba(0, 0, 0, 0.12);\n}\n\n.calendar .calendar-change-month-back,\n.calendar .calendar-change-month-forward {\n padding: 2px !important;\n margin: 0 !important;\n}\n\n.calendar .calendar-change-month-back StIcon,\n.calendar .calendar-change-month-forward StIcon {\n icon-size: 16px !important;\n}\n\n.calendar .pager-button {\n width: 28px;\n height: 28px;\n margin: 2px;\n border-radius: 9999px;\n background-color: transparent;\n color: #242424;\n}\n\n.calendar .pager-button:hover,\n.calendar .pager-button:focus {\n background-color: rgba(0, 0, 0, 0.12);\n}\n\n.calendar .pager-button:active {\n background-color: rgba(0, 0, 0, 0.2);\n}\n\n.calendar .calendar-day,\n.calendar .calendar-day-base {\n text-align: center;\n width: 3em;\n height: 3em;\n padding: 0;\n margin: 2px;\n border-radius: 9999px;\n color: #424242;\n font-feature-settings: 'tnum';\n background-color: transparent;\n}\n\n.calendar .calendar-day:hover,\n.calendar .calendar-day:focus,\n.calendar .calendar-day-base:hover,\n.calendar .calendar-day-base:focus {\n background-color: rgba(0, 0, 0, 0.12);\n box-shadow: none !important;\n}\n\n.calendar .calendar-day:active,\n.calendar .calendar-day-base:active {\n color: #424242;\n background-color: rgba(0, 0, 0, 0.2);\n border-color: transparent;\n}\n\n.calendar .calendar-day:selected,\n.calendar .calendar-day-base:selected {\n color: #242424;\n background-color: rgba(0, 0, 0, 0.2);\n border-color: transparent;\n box-shadow: none !important;\n}\n\n.calendar .calendar-day {\n border-width: 0;\n}\n\n.calendar .calendar-day-top {\n border-top-width: 0;\n}\n\n.calendar .calendar-day-left {\n border-left-width: 0;\n}\n\n.calendar .calendar-nonwork-day {\n color: rgba(36, 36, 36, 0.45);\n}\n\n.calendar .calendar-today {\n font-weight: bold;\n color: #424242 !important;\n background-color: rgba(36, 36, 36, 0.1);\n border: none;\n background-gradient-direction: none !important;\n}\n\n.calendar .calendar-today:hover,\n.calendar .calendar-today:focus {\n background-color: rgba(36, 36, 36, 0.15);\n color: #242424 !important;\n background-gradient-direction: none !important;\n}\n\n.calendar .calendar-today:active {\n background-color: st-darken(#0088ff, 5%);\n color: white !important;\n background-gradient-direction: none !important;\n}\n\n.calendar .calendar-today:selected {\n background-color: #0088ff;\n color: white !important;\n background-gradient-direction: none !important;\n}\n\n.calendar .calendar-today:selected:hover,\n.calendar .calendar-today:selected:focus {\n color: white !important;\n background-color: st-lighten(#0088ff, 8%);\n}\n\n.calendar .calendar-day-with-events {\n color: #565656;\n background-image: url('assets/calendar-today.svg');\n}\n\n.calendar .calendar-day-with-events.calendar-work-day {\n color: #565656;\n font-weight: bold;\n}\n\n.calendar .calendar-other-month,\n.calendar .calendar-other-month-day {\n color: rgba(36, 36, 36, 0.45) !important;\n opacity: 1;\n}\n\n.calendar .calendar-other-month.calendar-weekend,\n.calendar .calendar-other-month-day.calendar-weekend {\n color: rgba(66, 66, 66, 0.45) !important;\n}\n\n.calendar .calendar-week-number {\n width: 2.4em;\n height: 2.4em;\n margin: 6px;\n padding: 0;\n border-radius: 6px;\n background-color: rgba(0, 0, 0, 0.05);\n color: #565656;\n font-weight: bold;\n text-align: center;\n font-feature-settings: 'tnum';\n}\n\n.calendar .calendar-day-heading {\n width: 28px !important;\n height: 22px !important;\n margin: 3px;\n padding: 0 !important;\n background-color: transparent !important;\n color: #565656 !important;\n font-weight: bold;\n text-align: center;\n}\n\n.world-clocks-button,\n.weather-button,\n.events-button {\n padding: 12px !important;\n margin: 4px 7px !important;\n}\n\n.events-button .events-box {\n color: #565656;\n spacing: 4px;\n}\n\n.events-button .events-list {\n color: #565656;\n spacing: 8px;\n text-shadow: none;\n}\n\n.events-button .events-title,\n.events-button .events-section-title {\n color: #424242;\n text-shadow: none;\n}\n\n.events-button .event-time {\n color: #565656;\n}\n\n.events-button .event-placeholder {\n color: rgba(36, 36, 36, 0.45);\n font-style: italic;\n}\n\n.world-clocks-button .world-clocks-header {\n color: #424242;\n}\n\n.world-clocks-button .world-clocks-header.no-world-clocks {\n color: #242424;\n}\n\n.world-clocks-button .world-clocks-city {\n color: #565656;\n font-weight: bold;\n}\n\n.world-clocks-button .world-clocks-time {\n font-weight: bold;\n color: #565656;\n}\n\n.world-clocks-button .world-clocks-time:ltr {\n text-align: right;\n}\n\n.world-clocks-button .world-clocks-time:rtl {\n text-align: left;\n}\n\n.world-clocks-button .world-clocks-timezone {\n color: #565656;\n}\n\n.world-clocks-grid,\n.weather-grid {\n spacing-rows: 0.4em;\n spacing-columns: 0.8em;\n}\n\n.weather-button .weather-box {\n spacing: 4px;\n}\n\n.weather-button .weather-header-box {\n spacing: 4px;\n}\n\n.weather-button .weather-header {\n color: #424242;\n}\n\n.weather-button .weather-header.location {\n font-weight: normal;\n color: #565656;\n}\n\n.weather-button .weather-grid {\n spacing-rows: 4px;\n spacing-columns: 8px;\n}\n\n.weather-button .weather-forecast-time {\n color: #424242;\n font-weight: normal;\n padding-top: 4px;\n padding-bottom: 4px;\n}\n\n.weather-button .weather-forecast-icon {\n icon-size: 32px;\n margin-bottom: 3px;\n}\n\n.weather-button .weather-forecast-temp {\n font-weight: bold;\n}\n\n/* Activities Ripple */\n.ripple-box {\n width: 52px;\n height: 52px;\n border-radius: 0 0 52px 0;\n background-color: st-transparentize(#0088ff, 0.65);\n box-shadow: 0 0 2px 2px st-lighten(#0088ff, 20%);\n}\n\n.ripple-box:rtl {\n border-radius: 0 0 0 52px;\n}\n\n/* Dash */\n#dash .empty-dash-drop-target {\n width: 32px;\n height: 32px;\n}\n\n.dash-label {\n color: rgba(255, 255, 255, 0.85);\n background-color: rgba(0, 0, 0, 0.75);\n border-radius: 6px;\n padding: 4px 8px;\n margin: 4px;\n box-shadow: none !important;\n border: none !important;\n text-align: center;\n -y-offset: 6px;\n -x-offset: 8px;\n font-size: 9.75pt;\n font-weight: 400;\n}\n\n.show-apps .show-apps-icon {\n color: transparent !important;\n background-image: url('assets/view-app-grid.svg');\n background-size: contain;\n}\n\n.show-apps .overview-icon,\n.show-apps .show-apps-icon {\n color: transparent !important;\n}\n\n/* Entries */\nStEntry {\n min-height: 28px;\n padding: 2px 8px !important;\n color: #242424;\n caret-color: #242424;\n selection-background-color: #0088ff !important;\n selected-color: white !important;\n background-color: rgba(0, 0, 0, 0.1);\n border-radius: 9999px;\n border: 2px solid transparent !important;\n box-shadow: inset 0 0 0 1px transparent !important;\n outline: none;\n}\n\nStEntry:hover {\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1) !important;\n border: 2px solid transparent !important;\n}\n\nStEntry:focus {\n box-shadow: inset 0 0 0 1px transparent !important;\n border: 2px solid st-lighten(#0088ff, 15%) !important;\n}\n\nStEntry:insensitive {\n background-color: rgba(0, 0, 0, 0.05);\n color: rgba(36, 36, 36, 0.45);\n}\n\nStEntry StIcon {\n icon-size: 16px !important;\n}\n\nStEntry StIcon.capslock-warning {\n icon-size: 16px !important;\n warning-color: #e9873a;\n padding: 0 0;\n}\n\nStEntry StIcon.peek-password {\n icon-size: 16px !important;\n padding: 0 4px;\n}\n\nStEntry StLabel.hint-text {\n margin-left: 2px;\n color: #424242;\n}\n\n.hotplug-notification-item {\n color: #242424;\n background-color: #e6e6e6;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n padding: 12px;\n border-style: solid;\n border-width: 0;\n border-left-width: 0;\n border-bottom-width: 0;\n}\n\n.hotplug-notification-item:insensitive {\n color: rgba(36, 36, 36, 0.45);\n background-color: #e6e6e6;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.hotplug-notification-item:hover {\n color: #242424;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n background-color: st-mix(#242424, #e6e6e6, 6%);\n}\n\n.hotplug-notification-item:focus {\n color: #242424;\n text-shadow: none;\n icon-shadow: none;\n box-shadow: none !important;\n}\n\n.hotplug-notification-item:active {\n color: #242424;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n background-color: st-mix(#242424, #e6e6e6, 12%);\n}\n\n.hotplug-notification-item:first-child {\n border-radius: 0 0 0 6px;\n}\n\n.hotplug-notification-item:last-child {\n border-right-width: 0;\n border-radius: 0 0 6px 0;\n}\n\n.hotplug-notification-item:first-child:last-child {\n border-radius: 0 0 6px 6px;\n}\n\n.hotplug-notification-item-icon {\n icon-size: 24px;\n padding: 0 4px;\n}\n\n.candidate-popup-boxpointer {\n -arrow-border-radius: 2px;\n -arrow-background-color: transparent;\n -arrow-border-width: 0;\n -arrow-border-color: transparent;\n -arrow-base: 64px;\n -arrow-rise: 12px;\n background-color: transparent;\n color: #565656;\n}\n\n.candidate-popup-content {\n color: #565656;\n box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);\n border: 1px solid rgba(0, 0, 0, 0);\n margin: 3px 12px 17px 12px;\n padding: 8px;\n spacing: 6px;\n border-radius: 14px !important;\n}\n\n.candidate-index {\n padding: 0 0.5em 0 0;\n color: #565656;\n}\n\n.candidate-box:selected .candidate-index {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.candidate-box {\n padding: 0.3em 0.5em 0.3em 0.5em;\n margin-right: 2px;\n border-radius: 6px !important;\n color: #565656;\n}\n\n.candidate-box:hover {\n background-color: rgba(0, 0, 0, 0.12);\n color: #242424;\n}\n\n.candidate-box:active {\n background-color: rgba(0, 0, 0, 0.2);\n color: #242424;\n}\n\n.candidate-box:selected {\n background-color: #0088ff;\n color: rgba(255, 255, 255, 0.85);\n}\n\n.candidate-box:last-child {\n margin-right: 0;\n}\n\n.candidate-page-button-box {\n height: 2em;\n}\n\n.vertical .candidate-page-button-box {\n padding-top: 0.5em;\n}\n\n.horizontal .candidate-page-button-box {\n padding-left: 0.5em;\n}\n\n.candidate-page-button {\n padding: 4px 6px !important;\n}\n\n.candidate-page-button-previous,\n.candidate-page-button-next {\n border-radius: 6px;\n}\n\n.candidate-page-button-icon {\n icon-size: 1em;\n}\n\n/* On-screen Keyboard */\n#keyboard {\n background-color: rgba(0, 0, 0, 0.25);\n box-shadow: none;\n}\n\n#keyboard .page-indicator {\n padding: 4px;\n}\n\n#keyboard .page-indicator .page-indicator-icon {\n width: 8px;\n height: 8px;\n}\n\n.key-container,\n.keyboard-layout {\n padding: 3px;\n spacing: 3px;\n}\n\n.keyboard-key {\n font-size: 16pt;\n font-weight: bold;\n min-height: 1.2em;\n min-width: 1.2em;\n border-radius: 12px;\n border: none;\n color: #424242;\n background-color: #eeeeee;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n}\n\n.keyboard-key:focus,\n.keyboard-key:hover {\n color: #242424;\n background-color: white;\n}\n\n.keyboard-key:checked,\n.keyboard-key:active {\n color: #242424;\n background-color: #d5d5d5;\n}\n\n.keyboard-key:grayed {\n background-color: rgba(0, 0, 0, 0.3);\n color: rgba(255, 255, 255, 0.85);\n border-color: rgba(0, 0, 0, 0.3);\n}\n\n.keyboard-key.default-key {\n background-color: #c0c0c0;\n box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);\n}\n\n.keyboard-key.default-key:focus,\n.keyboard-key.default-key:hover {\n color: #242424;\n background-color: #dadada;\n}\n\n.keyboard-key.default-key:checked,\n.keyboard-key.default-key:active {\n color: #242424;\n background-color: #a7a7a7;\n}\n\n.keyboard-key.enter-key {\n color: white;\n background-color: #0088ff;\n box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);\n}\n\n.keyboard-key.enter-key:focus,\n.keyboard-key.enter-key:hover {\n color: white;\n background-color: st-lighten(#0088ff, 5%);\n}\n\n.keyboard-key.enter-key:checked,\n.keyboard-key.enter-key:active {\n color: white;\n background-color: st-darken(#0088ff, 10%);\n}\n\n.keyboard-key.shift-key-uppercase,\n.keyboard-key.shift-key-uppercase:focus,\n.keyboard-key.shift-key-uppercase:hover,\n.keyboard-key.shift-key-uppercase:checked,\n.keyboard-key.shift-key-uppercase:active {\n color: #0088ff;\n}\n\n.keyboard-key StIcon {\n icon-size: 1.125em;\n}\n\n.keyboard-subkeys {\n color: inherit;\n -arrow-border-radius: 6px;\n -arrow-background-color: rgba(0, 0, 0, 0.45);\n -arrow-border-width: 0;\n -arrow-border-color: transparent;\n -arrow-base: 20px;\n -arrow-rise: 10px;\n -boxpointer-gap: 5px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);\n}\n\n.emoji-page .keyboard-key {\n background-color: transparent;\n border: none;\n color: initial;\n}\n\n.emoji-panel .keyboard-key:latched {\n background-color: #0088ff;\n border-color: st-lighten(#0088ff, 5%);\n}\n\n.word-suggestions {\n font-size: 14pt;\n spacing: 12px;\n min-height: 20pt;\n}\n\n/* Login Dialog */\n#lockDialogGroup {\n background-color: #2a2a2a;\n background-image: url('assets/background.jpeg');\n background-size: cover;\n}\n\n.login-dialog-banner-view {\n padding-top: 24px;\n max-width: 23em;\n}\n\n.unlock-dialog StEntry {\n font-size: 0.909em;\n padding: 0 8px !important;\n}\n\n.unlock-dialog StEntry StIcon.peek-password {\n padding: 0 4px !important;\n}\n\n.unlock-dialog StEntry StLabel.hint-text {\n margin-left: 2px !important;\n}\n\n.unlock-dialog .modal-dialog-button-box {\n spacing: 3px !important;\n}\n\n.unlock-dialog .modal-dialog-button {\n padding: 2px 12px !important;\n}\n\n.unlock-dialog .cancel-button,\n.unlock-dialog .switch-user-button,\n.unlock-dialog .login-dialog-session-list-button {\n width: 32px !important;\n height: 32px !important;\n padding: 0 !important;\n}\n\n.unlock-dialog .cancel-button StIcon,\n.unlock-dialog .switch-user-button StIcon,\n.unlock-dialog .login-dialog-session-list-button StIcon {\n icon-size: 16px !important;\n}\n\n.unlock-dialog .login-dialog-logo-bin {\n padding: 24px 0;\n}\n\n.unlock-dialog .login-dialog-button-box {\n spacing: 6px;\n}\n\n.unlock-dialog .login-dialog-message-hint {\n padding-top: 0;\n padding-bottom: 18px;\n}\n\n.unlock-dialog .login-dialog-user-selection-box {\n padding: 100px 0px;\n}\n\n.unlock-dialog .login-dialog-not-listed-label {\n padding-left: 2px;\n}\n\n.unlock-dialog .login-dialog-not-listed-label {\n font-size: 1em;\n padding-top: 1em;\n}\n\n.unlock-dialog .login-dialog-user-list-view {\n -st-vfade-offset: 1em;\n}\n\n.unlock-dialog .login-dialog-user-list {\n spacing: 12px;\n padding: 0.2em;\n width: 23em;\n}\n\n.unlock-dialog\n .login-dialog-user-list:expanded\n .login-dialog-user-list-item:logged-in {\n border-right: 2px solid #0088ff;\n}\n\n.unlock-dialog .login-dialog-user-list-item {\n border-radius: 12px;\n padding: 6px;\n}\n\n.unlock-dialog .login-dialog-user-list-item:ltr .user-widget {\n padding-right: 1em;\n}\n\n.unlock-dialog .login-dialog-user-list-item:rtl .user-widget {\n padding-left: 1em;\n}\n\n.unlock-dialog\n .login-dialog-user-list-item\n .login-dialog-timed-login-indicator {\n height: 2px;\n margin: 6px 0 0 0;\n background-color: rgba(0, 0, 0, 0.16) !important;\n}\n\n.unlock-dialog .user-widget.horizontal .user-widget-label {\n font-size: 1.182em;\n padding-left: 12px;\n}\n\n.unlock-dialog .user-widget.horizontal .user-widget-label:ltr {\n padding-left: 12px;\n text-align: left;\n}\n\n.unlock-dialog .user-widget.horizontal .user-widget-label:rtl {\n padding-right: 12px;\n text-align: right;\n}\n\n.unlock-dialog .user-widget.vertical .user-widget-label {\n font-size: 1.455em;\n padding-top: 18px;\n}\n\n.unlock-dialog .login-dialog-prompt-layout {\n padding-top: 24px;\n padding-bottom: 12px;\n spacing: 8px;\n width: 23em;\n}\n\n.unlock-dialog .login-dialog-prompt-entry {\n height: 1.5em;\n}\n\n.unlock-dialog .login-dialog-prompt-label {\n font-size: 1.091em;\n padding-top: 1em;\n}\n\n.login-dialog StEntry StIcon {\n icon-size: 16px;\n padding: 0;\n margin: 0;\n}\n\n.login-dialog .modal-dialog-button-box {\n spacing: 3px;\n}\n\n.login-dialog .modal-dialog-button {\n padding: 2px 12px;\n}\n\n.login-dialog .cancel-button,\n.login-dialog .switch-user-button,\n.login-dialog .login-dialog-session-list-button {\n width: 32px;\n height: 32px;\n}\n\n.login-dialog .cancel-button StIcon,\n.login-dialog .switch-user-button StIcon,\n.login-dialog .login-dialog-session-list-button StIcon {\n icon-size: 16px;\n}\n\n.login-dialog .login-dialog-logo-bin {\n padding: 24px 0;\n}\n\n.login-dialog .login-dialog-button-box {\n spacing: 6px;\n}\n\n.login-dialog .login-dialog-message-hint {\n padding-top: 0;\n padding-bottom: 18px;\n}\n\n.login-dialog .login-dialog-user-selection-box {\n padding: 100px 0px;\n}\n\n.login-dialog .login-dialog-not-listed-label {\n padding-left: 4px;\n}\n\n.login-dialog .login-dialog-not-listed-label {\n font-size: 1em;\n padding-top: 1em;\n}\n\n.login-dialog .login-dialog-user-list-view {\n -st-vfade-offset: 1em;\n}\n\n.login-dialog .login-dialog-user-list {\n spacing: 12px;\n padding: 0.2em;\n width: 23em;\n}\n\n.login-dialog\n .login-dialog-user-list:expanded\n .login-dialog-user-list-item:logged-in {\n border-right: 2px solid #0088ff;\n}\n\n.login-dialog .login-dialog-user-list-item {\n border-radius: 12px;\n padding: 6px;\n}\n\n.login-dialog .login-dialog-user-list-item:ltr .user-widget {\n padding-right: 1em;\n}\n\n.login-dialog .login-dialog-user-list-item:rtl .user-widget {\n padding-left: 1em;\n}\n\n.login-dialog .login-dialog-user-list-item .login-dialog-timed-login-indicator {\n height: 2px;\n margin: 6px 0 0 0;\n}\n\n.login-dialog .user-widget.horizontal .user-widget-label {\n font-size: 1.182em;\n padding-left: 12px;\n}\n\n.login-dialog .user-widget.horizontal .user-widget-label:ltr {\n padding-left: 12px;\n text-align: left;\n}\n\n.login-dialog .user-widget.horizontal .user-widget-label:rtl {\n padding-right: 12px;\n text-align: right;\n}\n\n.login-dialog .user-widget.vertical .user-widget-label {\n font-size: 1.455em;\n padding-top: 10px;\n padding-bottom: 14px;\n}\n\n.login-dialog .login-dialog-prompt-layout {\n padding-top: 24px;\n padding-bottom: 12px;\n spacing: 8px;\n width: 23em;\n}\n\n.login-dialog .login-dialog-prompt-entry {\n height: 1.5em;\n}\n\n.login-dialog .login-dialog-prompt-label {\n font-size: 1.091em;\n padding-top: 1em;\n}\n\n.login-dialog,\n.unlock-dialog {\n border: none;\n background-color: transparent;\n}\n\n.login-dialog StEntry,\n.unlock-dialog StEntry {\n selection-background-color: #0088ff;\n selected-background-color: #0088ff;\n selected-color: white;\n border-radius: 9999px;\n caret-color: white;\n background-color: rgba(0, 0, 0, 0.1);\n border-radius: 9999px;\n border: none !important;\n box-shadow: none !important;\n color: white;\n}\n\n.login-dialog StEntry:focus,\n.unlock-dialog StEntry:focus {\n border: none !important;\n background-color: rgba(0, 0, 0, 0.2);\n color: white;\n}\n\n.login-dialog StEntry:insensitive,\n.unlock-dialog StEntry:insensitive {\n border: none !important;\n background-color: rgba(0, 0, 0, 0.05);\n color: rgba(255, 255, 255, 0.45);\n}\n\n.login-dialog StEntry StLabel.hint-text,\n.unlock-dialog StEntry StLabel.hint-text {\n color: rgba(255, 255, 255, 0.45);\n}\n\n.login-dialog .modal-dialog-button,\n.unlock-dialog .modal-dialog-button {\n border: none;\n color: white;\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.login-dialog .modal-dialog-button:hover,\n.login-dialog .modal-dialog-button:focus,\n.unlock-dialog .modal-dialog-button:hover,\n.unlock-dialog .modal-dialog-button:focus {\n color: white;\n background-color: rgba(0, 0, 0, 0.12);\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.login-dialog .modal-dialog-button:active,\n.unlock-dialog .modal-dialog-button:active {\n color: white;\n background-color: rgba(0, 0, 0, 0.2);\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.login-dialog .modal-dialog-button:insensitive,\n.unlock-dialog .modal-dialog-button:insensitive {\n color: rgba(255, 255, 255, 0.45);\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.login-dialog .modal-dialog-button:default,\n.unlock-dialog .modal-dialog-button:default {\n color: white;\n background-color: #e6e6e6;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.login-dialog .modal-dialog-button:default:hover,\n.login-dialog .modal-dialog-button:default:focus,\n.unlock-dialog .modal-dialog-button:default:hover,\n.unlock-dialog .modal-dialog-button:default:focus {\n color: white;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n background-color: st-mix(white, #e6e6e6, 6%);\n}\n\n.login-dialog .modal-dialog-button:default:active,\n.unlock-dialog .modal-dialog-button:default:active {\n color: white;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n background-color: st-mix(white, #e6e6e6, 12%);\n}\n\n.login-dialog .modal-dialog-button:default:insensitive,\n.unlock-dialog .modal-dialog-button:default:insensitive {\n color: rgba(255, 255, 255, 0.45);\n background-color: #e6e6e6;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.login-dialog .cancel-button,\n.login-dialog .switch-user-button,\n.login-dialog .login-dialog-session-list-button,\n.unlock-dialog .cancel-button,\n.unlock-dialog .switch-user-button,\n.unlock-dialog .login-dialog-session-list-button {\n padding: 0 !important;\n border-radius: 9999px;\n border: none;\n background-color: rgba(255, 255, 255, 0.1);\n color: white;\n}\n\n.login-dialog-message-warning {\n color: rgba(255, 255, 255, 0.85);\n}\n\n.login-dialog-banner {\n color: rgba(255, 255, 255, 0.85);\n}\n\n.login-dialog-message {\n text-align: center;\n}\n\n.login-dialog-message-warning {\n color: #e9873a;\n}\n\n.login-dialog-not-listed-button:focus .login-dialog-not-listed-label,\n.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {\n color: white;\n}\n\n.login-dialog-not-listed-label {\n font-weight: normal;\n color: rgba(255, 255, 255, 0.85);\n}\n\n.login-dialog-not-listed-label:hover {\n color: rgba(255, 255, 255, 0.85);\n}\n\n.login-dialog-not-listed-label:focus {\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n.login-dialog-user-list:expanded .login-dialog-user-list-item:selected {\n background-color: rgba(255, 255, 255, 0.12);\n color: rgba(255, 255, 255, 0.85);\n}\n\n.login-dialog-user-list:expanded .login-dialog-user-list-item:hover {\n background-color: rgba(255, 255, 255, 0.12);\n color: rgba(255, 255, 255, 0.85);\n}\n\n.login-dialog-user-list:expanded .login-dialog-user-list-item:active {\n background-color: rgba(255, 255, 255, 0.2);\n color: rgba(255, 255, 255, 0.85);\n}\n\n.login-dialog-user-list-item {\n color: rgba(255, 255, 255, 0.85);\n}\n\n.login-dialog-user-list-item:focus {\n background-color: rgba(0, 0, 0, 0.05) !important;\n}\n\n.login-dialog-user-list-item:hover,\n.login-dialog-user-list-item:focus:hover {\n background-color: rgba(0, 0, 0, 0.12) !important;\n color: rgba(255, 255, 255, 0.85);\n}\n\n.login-dialog-user-list-item:active,\n.login-dialog-user-list-item:focus:active {\n background-color: rgba(0, 0, 0, 0.2) !important;\n color: rgba(255, 255, 255, 0.85);\n}\n\n.login-dialog-user-list-item .login-dialog-timed-login-indicator {\n background-color: rgba(0, 0, 0, 0.16) !important;\n}\n\n.user-widget-label {\n color: rgba(255, 255, 255, 0.85);\n}\n\n.user-widget.horizontal .user-widget-label {\n font-weight: normal;\n}\n\n.user-widget.vertical .user-widget-label {\n text-align: center;\n font-weight: normal;\n}\n\n.login-dialog-prompt-label {\n color: rgba(255, 255, 255, 0.5);\n}\n\n/* Looking Glass */\n#LookingGlassDialog {\n background-color: #2a2a2a;\n spacing: 4px;\n margin: 4px;\n padding: 0;\n border: 1px solid black;\n border-radius: 24px;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n color: #d3d7df;\n}\n\n#LookingGlassDialog > #Toolbar {\n padding: 0 8px;\n spacing: 4px;\n border: none;\n border-radius: 0;\n background-color: rgba(255, 255, 255, 0.01);\n box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12);\n}\n\n#LookingGlassDialog > #Toolbar .lg-toolbar-button {\n padding: 4px 8px;\n border-radius: 6px;\n margin: 2px;\n}\n\n#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon {\n icon-size: 16px;\n}\n\n#LookingGlassDialog .labels {\n spacing: 4px;\n color: #d3d7df;\n}\n\n#LookingGlassDialog .notebook-tab {\n -natural-hpadding: 8px;\n -minimum-hpadding: 8px;\n font-weight: bold;\n color: rgba(255, 255, 255, 0.5);\n padding: 0 16px;\n min-height: 32px;\n border-radius: 0;\n transition-duration: 100ms;\n border: L none;\n box-shadow: none;\n border-bottom: 2px solid transparent;\n background-color: transparent;\n}\n\n#LookingGlassDialog .notebook-tab:hover {\n color: white;\n text-shadow: none;\n border-color: rgba(255, 255, 255, 0.2);\n}\n\n#LookingGlassDialog .notebook-tab:selected {\n background-color: rgba(255, 255, 255, 0.01);\n border-color: #0088ff;\n color: white;\n text-shadow: none;\n box-shadow: none;\n}\n\n#LookingGlassDialog StBoxLayout#EvalBox,\n#LookingGlassDialog StBoxLayout#ResultsArea {\n padding: 4px;\n spacing: 4px;\n}\n\n.lg-dialog StEntry {\n min-height: 22px;\n selection-background-color: #0088ff;\n selected-color: rgba(255, 255, 255, 0.85);\n caret-color: white;\n color: white;\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n.lg-dialog .shell-link {\n color: #3484e2;\n}\n\n.lg-dialog .shell-link:hover {\n color: #619fe8;\n}\n\n.lg-dialog .shell-link:active {\n color: #1c6bc7;\n}\n\n.lg-dialog .actor-link {\n color: #3484e2;\n}\n\n.lg-dialog .actor-link:hover {\n color: #8dbaef;\n}\n\n.lg-dialog .actor-link:active {\n color: #16539a;\n}\n\n.lg-dialog .actor-link StIcon {\n icon-size: 12px;\n}\n\n.lg-completions-text {\n font-size: 0.9em;\n font-style: italic;\n}\n\n.lg-obj-inspector-title {\n spacing: 4px;\n}\n\n.lg-obj-inspector-button {\n padding: 0 16px;\n border: none;\n border-radius: 6px;\n font-size: 9.75pt;\n font-weight: 500;\n}\n\n.lg-obj-inspector-button:hover {\n border: none;\n}\n\n#lookingGlassExtensions {\n padding: 4px;\n}\n\n.lg-extensions-list {\n padding: 4px;\n spacing: 4px;\n}\n\n.lg-extension {\n border: none;\n border-radius: 6px;\n padding: 8px;\n spacing: 4px;\n background-color: rgba(255, 255, 255, 0.12);\n color: rgba(255, 255, 255, 0.85);\n box-shadow: none;\n}\n\n.lg-extension-name {\n font-weight: bold;\n color: rgba(255, 255, 255, 0.45);\n}\n\n.lg-extension-meta {\n spacing: 4px;\n}\n\n#LookingGlassPropertyInspector {\n background: #373737;\n border: 1px solid black;\n border-radius: 24px;\n padding: 8px;\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);\n color: #d3d7df;\n}\n\n.lg-debug-flag-button {\n color: white;\n spacing: 4px;\n}\n\n.lg-debug-flag-button StLabel {\n padding: 8px;\n}\n\n.lg-debug-flag-button:hover {\n color: white;\n}\n\n.lg-debug-flag-button:active {\n color: #cccccc;\n}\n\n.lg-debug-flags-header {\n color: rgba(255, 255, 255, 0.45);\n padding-top: 8px;\n padding: 4px;\n}\n\n.select-area-rubberband {\n border: 1px solid #0088ff;\n border-radius: 3px;\n background-color: st-transparentize(#0088ff, 0.3);\n}\n\n.user-icon {\n background-size: contain;\n color: rgba(255, 255, 255, 0.85);\n border-radius: 9999px;\n border: none;\n icon-size: 64px;\n}\n\n.user-icon:hover {\n color: white;\n}\n\n.user-icon StIcon {\n background-color: rgba(255, 255, 255, 0.2);\n border-radius: 9999px;\n padding: 8px;\n width: 40px;\n height: 40px;\n}\n\n.user-icon.user-avatar {\n border: none;\n box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0);\n}\n\n.popup-menu .user-icon {\n color: #424242;\n}\n\n.popup-menu .user-icon StIcon {\n background-color: rgba(0, 0, 0, 0.2);\n}\n\n.user-widget.vertical .user-icon {\n icon-size: 96px;\n}\n\n.user-widget.vertical .user-icon StIcon {\n padding: 14px;\n padding-top: 12px;\n padding-bottom: 16px;\n width: 88px;\n height: 88px;\n}\n\n.lightbox {\n background-color: black;\n}\n\n.flashspot {\n background-color: white;\n}\n\n.hidden {\n color: rgba(0, 0, 0, 0);\n}\n\n.caps-lock-warning-label {\n text-align: center;\n padding-bottom: 8px;\n color: #e9873a;\n}\n\n/* Workspace animation */\n.workspace-animation {\n background-color: #2a2a2a;\n}\n\n/* Network Dialogs */\n.nm-dialog {\n max-height: 34em;\n min-height: 31em;\n min-width: 32em;\n}\n\n.nm-dialog-content {\n spacing: 20px;\n padding: 24px;\n}\n\n.nm-dialog-header-hbox {\n spacing: 10px;\n}\n\n.nm-dialog-airplane-box {\n spacing: 12px;\n}\n\n.nm-dialog-airplane-headline {\n font-weight: bold;\n text-align: center;\n}\n\n.nm-dialog-airplane-text {\n color: #242424;\n}\n\n.nm-dialog-header {\n font-weight: bold;\n}\n\n.nm-dialog-header-icon {\n icon-size: 32px;\n}\n\n.nm-dialog-header-hbox {\n spacing: 10px;\n}\n\n.nm-dialog-scroll-view {\n border: 1px solid rgba(0, 0, 0, 0.12);\n padding: 0;\n background-color: rgba(0, 0, 0, 0.05);\n border-radius: 6px;\n}\n\n.nm-dialog-item {\n font-size: 1em;\n border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n padding: 8px;\n spacing: 0px;\n}\n\n.nm-dialog-item:selected {\n background-color: #0088ff;\n color: rgba(255, 255, 255, 0.85);\n}\n\n.nm-dialog-item:hover,\n.nm-dialog-item:focus {\n background-color: rgba(0, 0, 0, 0.12);\n}\n\n.nm-dialog-item:active {\n background-color: rgba(0, 0, 0, 0.2);\n}\n\n.nm-dialog-icon {\n icon-size: 16px;\n}\n\n.nm-dialog-icons {\n spacing: 8px;\n}\n\n.no-networks-label {\n color: #565656;\n}\n\n.no-networks-box {\n spacing: 4px;\n}\n\n/* OSD */\n.workspace-switcher-container,\n.switcher-list,\n.resize-popup,\n.osd-window {\n color: #242424;\n background-color: #ffffff;\n border-radius: 24px;\n border: solid rgba(0, 0, 0, 0.75);\n border-width: 0;\n box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);\n padding: 8px;\n}\n\n.osd-window {\n text-align: center;\n font-weight: bold;\n}\n\n.osd-window .osd-monitor-label {\n font-size: 3em;\n}\n\n.osd-window .level {\n height: 4px;\n border-radius: 3px;\n background-color: rgba(0, 0, 0, 0.12);\n color: #242424;\n -barlevel-height: 4px;\n -barlevel-background-color: rgba(0, 0, 0, 0.12);\n -barlevel-active-background-color: #0088ff;\n -barlevel-overdrive-color: #ed5f5d;\n -barlevel-overdrive-separator-width: 2px;\n -barlevel-border-width: 0;\n -barlevel-border-color: transparent;\n}\n\n.osd-window .level-bar {\n background-color: white;\n border-radius: 16px;\n}\n\n.pad-osd-window {\n padding: 32px;\n background-color: rgba(0, 0, 0, 0.6);\n}\n\n.pad-osd-window .pad-osd-title-box {\n spacing: 12px;\n}\n\n.pad-osd-window .pad-osd-title-menu-box {\n spacing: 6px;\n}\n\n.combo-box-label {\n width: 15em;\n}\n\n.overview-controls {\n padding-bottom: 32px;\n}\n\n#overview StScrollBar StBin#trough {\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n#overview StScrollBar StButton#vhandle,\n#overview StScrollBar StButton#hhandle {\n background-color: rgba(255, 255, 255, 0.5);\n}\n\n#overview StScrollBar StButton#vhandle:hover,\n#overview StScrollBar StButton#hhandle:hover {\n background-color: rgba(255, 255, 255, 0.85);\n}\n\n#overview StScrollBar StButton#vhandle:active,\n#overview StScrollBar StButton#hhandle:active {\n background-color: white;\n}\n\n/* Top Bar */\n#panel .panel-button#panelActivities {\n -natural-hpadding: 12px;\n color: white;\n}\n\n#panel .panel-button#panelActivities StBoxLayout {\n padding: 0 0.2045em;\n spacing: 6px;\n}\n\n#panel .panel-button#panelActivities .workspace-dot {\n border-radius: 9999px;\n min-width: 0.5455em;\n min-height: 0.5455em;\n background-color: white;\n}\n\n#panel .panel-button#panelActivities:overview .workspace-dot {\n background-color: white;\n}\n\n#panel {\n font-weight: 500;\n color: white;\n transition-duration: 250ms;\n height: 40px !important;\n background-color: transparent;\n}\n\n#panel .panel-corner {\n -panel-corner-radius: 0;\n -panel-corner-background-color: rgba(255, 255, 255, 0.155);\n -panel-corner-border-width: 2px;\n -panel-corner-border-color: transparent;\n -panel-corner-opacity: 1;\n transition-duration: 250ms;\n}\n\n#panel .panel-button {\n -natural-hpadding: 12px;\n -minimum-hpadding: 12px;\n color: white;\n transition-duration: 150ms;\n border: 6px solid transparent !important;\n border-radius: 9999px;\n}\n\n#panel .panel-button StLabel {\n padding: 0;\n margin: 0;\n}\n\n#panel .panel-button .popup-menu-arrow {\n width: 0;\n height: 0;\n}\n\n#panel .panel-button,\n#panel .panel-button:hover,\n#panel .panel-button:active,\n#panel .panel-button:overview,\n#panel .panel-button:focus,\n#panel .panel-button:checked {\n text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15);\n}\n\n#panel .panel-button .system-status-icon,\n#panel .panel-button .app-menu-icon > StIcon,\n#panel .panel-button .popup-menu-arrow,\n#panel .panel-button:hover .system-status-icon,\n#panel .panel-button:hover .app-menu-icon > StIcon,\n#panel .panel-button:hover .popup-menu-arrow,\n#panel .panel-button:active .system-status-icon,\n#panel .panel-button:active .app-menu-icon > StIcon,\n#panel .panel-button:active .popup-menu-arrow,\n#panel .panel-button:overview .system-status-icon,\n#panel .panel-button:overview .app-menu-icon > StIcon,\n#panel .panel-button:overview .popup-menu-arrow,\n#panel .panel-button:focus .system-status-icon,\n#panel .panel-button:focus .app-menu-icon > StIcon,\n#panel .panel-button:focus .popup-menu-arrow,\n#panel .panel-button:checked .system-status-icon,\n#panel .panel-button:checked .app-menu-icon > StIcon,\n#panel .panel-button:checked .popup-menu-arrow {\n icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15);\n}\n\n#panel .panel-button:hover {\n color: white;\n background-color: transparent;\n box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15);\n}\n\n#panel .panel-button:hover.clock-display {\n background: none;\n}\n\n#panel .panel-button:hover.clock-display .clock {\n background-color: transparent;\n box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.15);\n}\n\n#panel .panel-button:active,\n#panel .panel-button:overview,\n#panel .panel-button:focus,\n#panel .panel-button:checked {\n color: white;\n background-color: transparent;\n box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.28);\n}\n\n#panel .panel-button:active.clock-display,\n#panel .panel-button:overview.clock-display,\n#panel .panel-button:focus.clock-display,\n#panel .panel-button:checked.clock-display {\n background: none;\n}\n\n#panel .panel-button:active.clock-display .clock,\n#panel .panel-button:overview.clock-display .clock,\n#panel .panel-button:focus.clock-display .clock,\n#panel .panel-button:checked.clock-display .clock {\n background-color: transparent;\n box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.28);\n}\n\n.unlock-screen #panel .panel-button,\n.unlock-screen #panel .panel-button:focus,\n.unlock-screen #panel .panel-button:hover,\n.unlock-screen #panel .panel-button:active,\n.login-screen #panel .panel-button,\n.login-screen #panel .panel-button:focus,\n.login-screen #panel .panel-button:hover,\n.login-screen #panel .panel-button:active,\n.lock-screen #panel .panel-button,\n.lock-screen #panel .panel-button:focus,\n.lock-screen #panel .panel-button:hover,\n.lock-screen #panel .panel-button:active {\n color: white;\n}\n\n.login-screen #panel .panel-button,\n.lock-screen #panel .panel-button {\n box-shadow: none;\n}\n\n#panel .panel-button.clock-display {\n background-color: transparent;\n box-shadow: none;\n}\n\n#panel .panel-button.clock-display,\n#panel .panel-button.clock-display .clock-display-box {\n spacing: 0 !important;\n padding: 0 !important;\n margin: 0 !important;\n}\n\n#panel .panel-button.clock-display .clock {\n border-radius: 9999px;\n background-color: transparent;\n padding: 0 16px !important;\n margin: 0 !important;\n border: 6px solid transparent !important;\n box-shadow: none;\n}\n\n#panel .panel-button.clock-display .messages-indicator {\n icon-size: 1.091em;\n}\n\n#panel .panel-button:hover.clock-display,\n#panel .panel-button:active.clock-display,\n#panel .panel-button:overview.clock-display,\n#panel .panel-button:focus.clock-display,\n#panel .panel-button:checked.clock-display {\n box-shadow: none !important;\n background-color: transparent !important;\n}\n\n#panel .panel-button .system-status-icon {\n icon-size: 16px;\n padding: 4px;\n margin: 0;\n}\n\n#panel .panel-button .panel-status-menu-box StLabel {\n padding: 0 0 0 2px;\n}\n\n#panel .panel-button .appindicator-trayicons-box {\n margin: 0 4px;\n}\n\n#panel .panel-button .app-menu-icon {\n -st-icon-style: symbolic;\n}\n\n#panel .panel-button#panelActivities {\n background-gradient-direction: none;\n}\n\n#panel .panel-button.screen-recording-indicator,\n#panel .panel-button.screen-sharing-indicator {\n border: 6px solid transparent;\n background-color: transparent;\n}\n\n#panel .panel-button.screen-recording-indicator StBoxLayout,\n#panel .panel-button.screen-sharing-indicator StBoxLayout {\n spacing: 0.409em;\n}\n\n#panel .panel-button.screen-recording-indicator StIcon,\n#panel .panel-button.screen-sharing-indicator StIcon {\n icon-size: 1.091em;\n}\n\n#panel .panel-button.screen-recording-indicator {\n box-shadow: inset 0 0 0 1000px #ed5f5d !important;\n}\n\n#panel .panel-button.screen-recording-indicator:hover {\n box-shadow: inset 0 0 0 1000px #ef7270 !important;\n}\n\n#panel .panel-button.screen-recording-indicator:active {\n box-shadow: inset 0 0 0 1000px #f18584 !important;\n}\n\n#panel .panel-button.screen-sharing-indicator {\n box-shadow: inset 0 0 0 1000px #e9873a !important;\n}\n\n#panel .panel-button.screen-sharing-indicator:hover {\n box-shadow: inset 0 0 0 1000px #ec9552 !important;\n}\n\n#panel .panel-button.screen-sharing-indicator:active {\n box-shadow: inset 0 0 0 1000px #eea469 !important;\n}\n\n#panel Gjs_AggregateMenu.panel-button .system-status-icon,\n#panel Gjs_ui_panel_AggregateMenu.panel-button .system-status-icon,\n#panel Gjs_ui_panel_QuickSettings.panel-button .system-status-icon {\n margin: 0 2px !important;\n}\n\n#panel Gjs_ui_panel_AppMenuButton.panel-button,\n#panel .desktop-name-label {\n font-weight: bold !important;\n}\n\n#panel Gjs_status_keyboard_InputSourceIndicator.panel-button,\n#panel\n Gjs_appindicatorsupport_rgcjonas_gmail_com_indicatorStatusIcon_IndicatorStatusIcon.panel-button,\n#panel\n Gjs_appindicatorsupport_rgcjonas_gmail_com_indicatorStatusIcon_AppIndicatorsIndicatorStatusIcon.panel-button {\n -natural-hpadding: 16px !important;\n -minimum-hpadding: 16px !important;\n}\n\n#panel:overview,\n#panel.unlock-screen,\n#panel.login-screen,\n#panel.lock-screen {\n background-color: transparent;\n box-shadow: none;\n}\n\n#panel:overview StLabel,\n#panel:overview StIcon,\n#panel.unlock-screen StLabel,\n#panel.unlock-screen StIcon,\n#panel.login-screen StLabel,\n#panel.login-screen StIcon,\n#panel.lock-screen StLabel,\n#panel.lock-screen StIcon {\n color: rgba(255, 255, 255, 0.85);\n}\n\n#panel:overview .panel-button,\n#panel.unlock-screen .panel-button,\n#panel.login-screen .panel-button,\n#panel.lock-screen .panel-button {\n box-shadow: none;\n}\n\n#panel:overview .panel-button.clock-display .clock,\n#panel.unlock-screen .panel-button.clock-display .clock,\n#panel.login-screen .panel-button.clock-display .clock,\n#panel.lock-screen .panel-button.clock-display .clock {\n box-shadow: none;\n}\n\n#panel:overview .panel-button:hover,\n#panel.unlock-screen .panel-button:hover,\n#panel.login-screen .panel-button:hover,\n#panel.lock-screen .panel-button:hover {\n color: white;\n background-color: transparent;\n box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12);\n}\n\n#panel:overview .panel-button:hover.clock-display .clock,\n#panel.unlock-screen .panel-button:hover.clock-display .clock,\n#panel.login-screen .panel-button:hover.clock-display .clock,\n#panel.lock-screen .panel-button:hover.clock-display .clock {\n background-color: transparent;\n box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12);\n}\n\n#panel:overview .panel-button:active,\n#panel:overview .panel-button:active:hover,\n#panel:overview .panel-button:overview,\n#panel:overview .panel-button:overview:hover,\n#panel:overview .panel-button:focus,\n#panel:overview .panel-button:focus:hover,\n#panel:overview .panel-button:checked,\n#panel:overview .panel-button:checked:hover,\n#panel.unlock-screen .panel-button:active,\n#panel.unlock-screen .panel-button:active:hover,\n#panel.unlock-screen .panel-button:overview,\n#panel.unlock-screen .panel-button:overview:hover,\n#panel.unlock-screen .panel-button:focus,\n#panel.unlock-screen .panel-button:focus:hover,\n#panel.unlock-screen .panel-button:checked,\n#panel.unlock-screen .panel-button:checked:hover,\n#panel.login-screen .panel-button:active,\n#panel.login-screen .panel-button:active:hover,\n#panel.login-screen .panel-button:overview,\n#panel.login-screen .panel-button:overview:hover,\n#panel.login-screen .panel-button:focus,\n#panel.login-screen .panel-button:focus:hover,\n#panel.login-screen .panel-button:checked,\n#panel.login-screen .panel-button:checked:hover,\n#panel.lock-screen .panel-button:active,\n#panel.lock-screen .panel-button:active:hover,\n#panel.lock-screen .panel-button:overview,\n#panel.lock-screen .panel-button:overview:hover,\n#panel.lock-screen .panel-button:focus,\n#panel.lock-screen .panel-button:focus:hover,\n#panel.lock-screen .panel-button:checked,\n#panel.lock-screen .panel-button:checked:hover {\n color: white;\n background-color: transparent;\n box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2);\n}\n\n#panel:overview .panel-button:active.clock-display .clock,\n#panel:overview .panel-button:overview.clock-display .clock,\n#panel:overview .panel-button:focus.clock-display .clock,\n#panel:overview .panel-button:checked.clock-display .clock,\n#panel.unlock-screen .panel-button:active.clock-display .clock,\n#panel.unlock-screen .panel-button:overview.clock-display .clock,\n#panel.unlock-screen .panel-button:focus.clock-display .clock,\n#panel.unlock-screen .panel-button:checked.clock-display .clock,\n#panel.login-screen .panel-button:active.clock-display .clock,\n#panel.login-screen .panel-button:overview.clock-display .clock,\n#panel.login-screen .panel-button:focus.clock-display .clock,\n#panel.login-screen .panel-button:checked.clock-display .clock,\n#panel.lock-screen .panel-button:active.clock-display .clock,\n#panel.lock-screen .panel-button:overview.clock-display .clock,\n#panel.lock-screen .panel-button:focus.clock-display .clock,\n#panel.lock-screen .panel-button:checked.clock-display .clock {\n background-color: transparent;\n box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2);\n}\n\n#panel:overview .panel-button#panelActivities,\n#panel.unlock-screen .panel-button#panelActivities,\n#panel.login-screen .panel-button#panelActivities,\n#panel.lock-screen .panel-button#panelActivities {\n color: white;\n}\n\n#panel:overview .panel-button#panelActivities .workspace-dot,\n#panel.unlock-screen .panel-button#panelActivities .workspace-dot,\n#panel.login-screen .panel-button#panelActivities .workspace-dot,\n#panel.lock-screen .panel-button#panelActivities .workspace-dot {\n background-color: white;\n}\n\n#panel:overview .panel-corner,\n#panel.unlock-screen .panel-corner,\n#panel.login-screen .panel-corner,\n#panel.lock-screen .panel-corner {\n -panel-corner-radius: 0;\n -panel-corner-background-color: transparent;\n -panel-corner-border-color: transparent;\n}\n\n#panel .screencast-indicator,\n#panel .remote-access-indicator,\n#panel .privacy-indicator {\n color: #e9873a;\n}\n\n/* Popovers/Menus */\n.popup-menu-boxpointer {\n -arrow-border-radius: 14px;\n -arrow-background-color: transparent;\n -arrow-border-width: 0;\n -arrow-border-color: transparent;\n -arrow-base: 32px;\n -arrow-rise: 0;\n -arrow-box-shadow: none;\n}\n\n.arcmenu-menu {\n -arrow-base: 0;\n}\n\n.popup-menu {\n min-width: 12em;\n color: #424242;\n}\n\n.popup-menu.panel-menu {\n -boxpointer-gap: 3px;\n margin-bottom: 1.75em;\n}\n\n.popup-menu StEntry {\n selection-background-color: rgba(255, 255, 255, 0.85);\n selected-background-color: rgba(255, 255, 255, 0.85);\n selected-color: #0088ff;\n caret-color: #242424;\n}\n\n.popup-menu StEntry StLabel.hint-text {\n margin-left: 2px;\n color: rgba(36, 36, 36, 0.7);\n}\n\n.popup-menu-content {\n padding: 4px;\n margin: 4px 12px 17px 12px;\n background-color: rgba(255, 255, 255, 0.82);\n border-radius: 30px;\n border: solid rgba(0, 0, 0, 0);\n border-width: 1px;\n box-shadow: inset 1.6px 1.6px 4px -4px rgb(255, 255, 255);\n}\n\n/*\n.popup-menu-content #calendarArea {\n background-color: rgba(0, 0, 0, 0.92);\n border-radius: 30px;\n padding: 10px;\n box-shadow: inset 1.6px 1.6px 4px -4px rgba(255, 255, 255, 0.6);\n}\n*/\n\n.popup-menu-content #calendarArea .events-button {\n background-color: rgba(255, 255, 255, 0.92);\n color: #424242;\n border-radius: 20px;\n box-shadow: inset 0 0 4px 2px rgb(255, 255, 255);\n}\n\n/*\n.popup-menu-content #calendarArea .calendar {\n background-color: rgba(255, 255, 255, 0.2);\n border-radius: 20px;\n padding: 10px;\n box-shadow: inset 1.6px 1.6px 4px -4px rgba(255, 255, 255, 0.6);\n}\n*/\n.popup-menu .popup-menu-item {\n background-color: rgba(0, 0, 0, 0);\n border: none;\n spacing: 4px;\n margin: 6px 8px 6px 8px;\n padding: 8px;\n color: #424242;\n text-shadow: none !important;\n icon-shadow: none !important;\n border-radius: 9999px !important;\n font-weight: normal;\n transition: none;\n}\n\n.popup-menu .popup-menu-item:checked {\n font-weight: normal;\n border-radius: 20px 20px 0 0 !important;\n border: none;\n color: #424242 !important;\n background-gradient-direction: none !important;\n background-color: rgba(255, 255, 255, 0.92);\n box-shadow: inset 0 0 4px 0.2px rgb(255, 255, 255);\n}\n\n.popup-menu .popup-menu-item:checked:focus,\n.popup-menu .popup-menu-item:checked:hover,\n.popup-menu .popup-menu-item:checked:selected {\n color: #ffffff !important;\n background-color: #0088ff !important;\n background-gradient-direction: none !important;\n}\n\n.popup-menu .popup-menu-item:checked:active {\n color: #424242 !important;\n background-color: #0088ff !important;\n}\n\n.popup-menu .popup-menu-item:checked:insensitive {\n color: #0088ff !important;\n}\n\n.popup-menu .popup-menu-item:focus,\n.popup-menu .popup-menu-item:hover,\n.popup-menu .popup-menu-item:selected {\n color: #ffffff !important;\n background-color: #0088ff !important;\n\n transition-duration: 0ms !important;\n}\n\n.popup-menu .popup-menu-item:active,\n.popup-menu .popup-menu-item.selected:active {\n color: #424242 !important;\n background-color: #0088ff !important;\n}\n\n.popup-menu .popup-menu-item:insensitive {\n color: #0088ff !important;\n}\n\n.popup-menu .popup-menu-item .toggle-switch:ltr {\n margin-left: 3px;\n}\n\n.popup-menu .popup-menu-item .toggle-switch:rtl {\n margin-right: 3px;\n}\n\n.popup-sub-menu {\n border-radius: 0 0 20px 20px !important;\n border: none;\n box-shadow: none;\n margin: 0px 8px 6px 8px;\n transition: none;\n background-color: rgba(255, 255, 255, 0.92);\n color: #424242;\n box-shadow: inset 0 0 4px 0.2px rgb(255, 255, 255);\n}\n\n.popup-sub-menu .popup-menu-item {\n margin: 4px;\n border-radius: 9999px !important;\n background-color: transparent !important;\n}\n\n.popup-sub-menu .popup-menu-item:focus,\n.popup-sub-menu .popup-menu-item:hover,\n.popup-sub-menu .popup-menu-item:selected {\n color: #ffffff !important;\n background-color: #0088ff !important;\n}\n\n.popup-sub-menu .popup-menu-item:first-child,\n.popup-sub-menu .popup-menu-item:first-child,\n.popup-sub-menu .popup-menu-item:first-child {\n border-radius: 0 0 9999px 9999px;\n}\n\n.popup-sub-menu .popup-menu-item:active {\n color: #424242 !important;\n background-color: #0088ff !important;\n}\n\n.popup-ornamented-menu-item:ltr {\n padding-left: 4px;\n}\n\n.popup-ornamented-menu-item:rtl {\n padding-right: 4px;\n}\n\n.popup-inactive-menu-item {\n color: #afafaf !important;\n}\n\n.popup-inactive-menu-item:insensitive {\n color: rgba(222, 222, 222, 0.35) !important;\n}\n\n.popup-menu-arrow,\n.popup-menu-icon {\n icon-size: 16px;\n icon-shadow: none !important;\n}\n\n.popup-menu-ornament {\n icon-size: 1.091em !important;\n width: 1.091em;\n}\n\n.background-menu {\n -boxpointer-gap: 3px;\n -arrow-rise: 0px;\n}\n\n.aggregate-menu {\n min-width: 21em;\n}\n\n.aggregate-menu .popup-menu-icon {\n padding: 0 !important;\n -st-icon-style: symbolic;\n}\n\n.aggregate-menu .popup-menu-icon:ltr {\n margin-right: 6px !important;\n}\n\n.aggregate-menu .popup-menu-icon:rtl {\n margin-left: 6px !important;\n}\n\n.app-menu,\n.app-well-menu {\n max-width: 27.25em;\n}\n\n.rename-folder-popup .rename-folder-popup-item {\n spacing: 4px;\n}\n\n.rename-folder-popup .rename-folder-popup-item:ltr,\n.rename-folder-popup .rename-folder-popup-item:rtl {\n padding: 0 8px;\n}\n\n/* Screen Shield */\n.unlock-dialog-clock {\n color: white;\n font-weight: 300;\n text-align: center;\n spacing: 24px;\n padding-bottom: 2.5em;\n}\n\n.unlock-dialog-clock-time {\n font-size: 64pt;\n padding-top: 42px;\n font-feature-settings: 'tnum';\n}\n\n.unlock-dialog-clock-date {\n font-size: 16pt;\n font-weight: normal;\n}\n\n.unlock-dialog-clock-hint {\n font-weight: normal;\n padding-top: 48px;\n}\n\n.unlock-dialog-notifications-container {\n margin: 12px 0;\n spacing: 6px;\n width: 23em;\n background-color: transparent;\n}\n\n.unlock-dialog-notifications-container .summary-notification-stack-scrollview {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.unlock-dialog-notifications-container .notification,\n.unlock-dialog-notifications-container .unlock-dialog-notification-source {\n padding: 12px 6px;\n border: none;\n background-color: rgba(0, 0, 0, 0.6);\n color: white;\n border-radius: 6px;\n}\n\n.unlock-dialog-notifications-container .notification.critical,\n.unlock-dialog-notifications-container\n .unlock-dialog-notification-source.critical {\n background-color: rgba(0, 0, 0, 0.3);\n}\n\n.unlock-dialog-notification-label {\n padding: 0px 0px 0px 12px;\n}\n\n.unlock-dialog-notification-count-text {\n weight: bold;\n padding: 0 6px;\n color: white;\n background-color: #0088ff;\n border-radius: 99px;\n margin-right: 12px;\n}\n\n.screen-shield-background {\n background: black;\n box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);\n}\n\n#unlockDialogNotifications StButton#vhandle,\n#unlockDialogNotifications StButton#hhandle {\n background-color: rgba(245, 245, 245, 0.3);\n}\n\n#unlockDialogNotifications StButton#vhandle:hover,\n#unlockDialogNotifications StButton#vhandle:focus,\n#unlockDialogNotifications StButton#hhandle:hover,\n#unlockDialogNotifications StButton#hhandle:focus {\n background-color: rgba(245, 245, 245, 0.5);\n}\n\n#unlockDialogNotifications StButton#vhandle:active,\n#unlockDialogNotifications StButton#hhandle:active {\n background-color: st-transparentize(#0088ff, 0.5);\n}\n\n/* Scrollbars */\nStScrollView.vfade {\n -st-vfade-offset: 68px;\n}\n\nStScrollView.hfade {\n -st-hfade-offset: 68px;\n}\n\nStScrollBar {\n padding: 0;\n margin: 6px;\n}\n\nStScrollView StScrollBar {\n min-width: 8px;\n min-height: 8px;\n}\n\nStScrollBar StBin#trough {\n border-radius: 9999px;\n background-color: rgba(0, 0, 0, 0.12);\n}\n\nStScrollBar StButton#vhandle,\nStScrollBar StButton#hhandle {\n border-radius: 9999px;\n background-color: #565656;\n border: 4px solid transparent;\n}\n\nStScrollBar StButton#vhandle:hover,\nStScrollBar StButton#hhandle:hover {\n background-color: #424242;\n}\n\nStScrollBar StButton#vhandle:active,\nStScrollBar StButton#hhandle:active {\n background-color: #242424;\n}\n\n.app-folder-dialog .folder-name-container .folder-name-entry,\n#overview .search-entry {\n width: 320px;\n min-height: 28px;\n padding: 0 10px !important;\n background-clip: padding-box;\n color: rgba(255, 255, 255, 0.5);\n caret-color: rgba(255, 255, 255, 0.85);\n selection-background-color: rgba(255, 255, 255, 0.2);\n selected-color: rgba(255, 255, 255, 0.85);\n background-color: rgba(255, 255, 255, 0.12);\n border-radius: 8px;\n border-color: transparent !important;\n box-shadow: none !important;\n box-shadow: none;\n}\n\n.app-folder-dialog .folder-name-container .folder-name-entry:hover,\n#overview .search-entry:hover {\n background-color: rgba(255, 255, 255, 0.2);\n border-color: transparent !important;\n box-shadow: none !important;\n color: rgba(255, 255, 255, 0.85);\n box-shadow: none;\n}\n\n.app-folder-dialog .folder-name-container .folder-name-entry:focus,\n#overview .search-entry:focus {\n border-color: transparent !important;\n background-color: rgba(255, 255, 255, 0.18);\n box-shadow: none !important;\n color: rgba(255, 255, 255, 0.85);\n box-shadow: none;\n}\n\n.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon,\n#overview .search-entry .search-entry-icon {\n icon-size: 16px;\n padding: 0 0;\n color: rgba(255, 255, 255, 0.5);\n}\n\n.app-folder-dialog\n .folder-name-container\n .folder-name-entry:hover\n .search-entry-icon,\n.app-folder-dialog\n .folder-name-container\n .folder-name-entry:focus\n .search-entry-icon,\n#overview .search-entry:hover .search-entry-icon,\n#overview .search-entry:focus .search-entry-icon {\n color: rgba(255, 255, 255, 0.85);\n}\n\n.app-folder-dialog .folder-name-container .folder-name-entry:insensitive,\n#overview .search-entry:insensitive {\n color: rgba(255, 255, 255, 0.45);\n}\n\n.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text,\n#overview .search-entry StLabel.hint-text {\n color: rgba(255, 255, 255, 0.5);\n}\n\n/* Search */\n.list-search-result,\n.search-provider-icon {\n border-radius: 6px;\n padding: 8px;\n transition-duration: 0;\n text-align: center;\n background-color: transparent;\n}\n\n.list-search-result:focus,\n.search-provider-icon:focus,\n.list-search-result:hover,\n.search-provider-icon:hover,\n.list-search-result:selected,\n.search-provider-icon:selected {\n background-color: rgba(255, 255, 255, 0.12);\n transition: none;\n}\n\n.list-search-result:active,\n.search-provider-icon:active,\n.list-search-result:checked,\n.search-provider-icon:checked {\n background-color: rgba(255, 255, 255, 0.2);\n transition-duration: 150ms;\n}\n\n#searchResultsContent {\n max-width: 1024px;\n spacing: 6px;\n}\n\n.search-section {\n spacing: 6px;\n}\n\n.search-section .search-section-separator {\n height: 0;\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n.search-section-content {\n spacing: 6px;\n border-radius: 16px;\n padding: 12px;\n border: none;\n box-shadow: none;\n background: rgba(255, 255, 255, 0.12);\n text-shadow: none;\n color: rgba(255, 255, 255, 0.85);\n}\n\n.search-statustext {\n font-size: 2em;\n font-weight: bold;\n color: rgba(255, 255, 255, 0.5);\n}\n\n.grid-search-results {\n spacing: 24px;\n}\n\n.search-provider-icon .list-search-provider-content {\n spacing: 8px;\n}\n\n.search-provider-icon\n .list-search-provider-content\n .list-search-provider-details {\n width: 120px;\n margin-top: 0;\n color: rgba(255, 255, 255, 0.5);\n}\n\n.list-search-results {\n spacing: 4px;\n}\n\n.list-search-result .list-search-result-content {\n spacing: 4px;\n}\n\n.list-search-result .list-search-result-title {\n spacing: 8px;\n}\n\n.list-search-result .list-search-result-description {\n color: rgba(255, 255, 255, 0.85);\n}\n\n/* App Switcher */\n.switcher-popup {\n padding: 8px;\n spacing: 16px;\n}\n\n.switcher-list {\n border-radius: 20px;\n}\n\n.switcher-list .item-box {\n padding: 8px;\n border-radius: 12px;\n border: 1px solid transparent;\n background-color: transparent;\n color: #242424;\n}\n\n.switcher-list .item-box:outlined {\n background-color: rgba(0, 0, 0, 0.12);\n color: #242424;\n}\n\n.switcher-list .item-box:selected {\n background-imgae: url('gradient-bg.svg');\n color: rgba(255, 255, 255, 0.85);\n}\n\n.switcher-list .thumbnail-box {\n padding: 2px;\n spacing: 4px;\n}\n\n.switcher-list .thumbnail {\n width: 256px;\n}\n\n.switcher-list .separator {\n width: 1px;\n background: rgba(0, 0, 0, 0.12);\n}\n\n.switcher-list .switcher-list-item-container {\n spacing: 8px;\n}\n\n.switcher-arrow {\n border-color: rgba(0, 0, 0, 0);\n color: #565656;\n}\n\n.switcher-arrow:highlighted {\n color: #242424;\n}\n\n.input-source-switcher-symbol {\n font-size: 34pt;\n width: 96px;\n height: 96px;\n}\n\n.cycler-highlight {\n border: 5px solid #0088ff;\n}\n\n/* Tiled window previews */\n.tile-preview {\n background-color: st-transparentize(#0088ff, 0.75);\n border: 1px solid #0088ff;\n}\n\n.tile-preview-left.on-primary {\n border-radius: 9px 0 0 0;\n}\n\n.tile-preview-right.on-primary {\n border-radius: 0 9px 0 0;\n}\n\n.tile-preview-left.tile-preview-right.on-primary {\n border-radius: 9px 9px 0 0;\n}\n\n/* Workspace Switcher */\n.workspace-switcher-group {\n padding: 8px;\n}\n\n.workspace-switcher {\n background: transparent;\n border: none;\n border-radius: 0;\n padding: 0;\n spacing: 8px;\n}\n\n.ws-switcher-box {\n background: transparent;\n height: 50px;\n background-size: 32px;\n background: rgba(0, 0, 0, 0.12);\n border-radius: 6px;\n}\n\n.ws-switcher-active-up,\n.ws-switcher-active-down,\n.ws-switcher-active-left,\n.ws-switcher-active-right {\n height: 52px;\n background-color: #0088ff;\n color: rgba(255, 255, 255, 0.85);\n border-radius: 11px;\n border: none;\n}\n\n/* App Grid */\n.icon-grid {\n row-spacing: 12px;\n column-spacing: 12px;\n max-row-spacing: 36px;\n max-column-spacing: 36px;\n page-padding-top: 24px;\n page-padding-bottom: 24px;\n page-padding-left: 18px;\n page-padding-right: 18px;\n}\n\n/* App Icons */\n.overview-tile {\n color: rgba(255, 255, 255, 0.85);\n background-color: transparent;\n border-radius: 36px;\n padding: 12px;\n spacing: 4px;\n text-align: center;\n transition-duration: 100ms;\n}\n\n.overview-tile:focus {\n color: white;\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n.overview-tile:hover {\n color: white;\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n.overview-tile:active {\n color: white;\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n.overview-tile:highlighted,\n.overview-tile:selected,\n.overview-tile:checked {\n color: white;\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n.overview-tile:insensitive {\n color: rgba(255, 255, 255, 0.35);\n background-color: transparent;\n}\n\n.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout {\n spacing: 6px;\n}\n\n.app-grid-running-dot {\n width: 5px;\n height: 5px;\n border-radius: 5px;\n background-color: rgba(255, 255, 255, 0.85);\n margin-bottom: 0 !important;\n offset-y: 6px;\n}\n\nStWidget.focused .app-grid-running-dot {\n background-color: #0088ff;\n}\n\n.app-folder {\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n.app-folder:focus {\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n.app-folder:hover {\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n.app-folder:active {\n background-color: rgba(255, 255, 255, 0.3);\n}\n\n.app-folder:highlighted,\n.app-folder:selected,\n.app-folder:checked {\n background-color: rgba(255, 255, 255, 0.3);\n}\n\n.app-folder:insensitive {\n background-color: transparent;\n}\n\n.app-folder-dialog-container {\n padding-top: 28px;\n}\n\n.app-folder-dialog {\n width: 720px;\n height: 720px;\n}\n\n.app-folder-dialog .page-indicators {\n margin-bottom: 16px;\n}\n\n.app-folder-dialog .icon-button,\n.app-folder-dialog .message .message-header .message-expand-button,\n.message .message-header .app-folder-dialog .message-expand-button,\n.app-folder-dialog .message .message-header .message-close-button,\n.message .message-header .app-folder-dialog .message-close-button,\n.app-folder-dialog .message-notification-group .message-collapse-button,\n.message-notification-group .app-folder-dialog .message-collapse-button,\n.app-folder-dialog .page-navigation-arrow {\n color: rgba(255, 255, 255, 0.85);\n background-color: transparent;\n border: none !important;\n}\n\n.app-folder-dialog .icon-button:hover,\n.app-folder-dialog .message .message-header .message-expand-button:hover,\n.message .message-header .app-folder-dialog .message-expand-button:hover,\n.app-folder-dialog .message .message-header .message-close-button:hover,\n.message .message-header .app-folder-dialog .message-close-button:hover,\n.app-folder-dialog .message-notification-group .message-collapse-button:hover,\n.message-notification-group .app-folder-dialog .message-collapse-button:hover,\n.app-folder-dialog .page-navigation-arrow:hover {\n background-color: rgba(255, 255, 255, 0.12);\n color: white;\n}\n\n.app-folder-dialog .icon-button:active,\n.app-folder-dialog .message .message-header .message-expand-button:active,\n.message .message-header .app-folder-dialog .message-expand-button:active,\n.app-folder-dialog .message .message-header .message-close-button:active,\n.message .message-header .app-folder-dialog .message-close-button:active,\n.app-folder-dialog .message-notification-group .message-collapse-button:active,\n.message-notification-group .app-folder-dialog .message-collapse-button:active,\n.app-folder-dialog .page-navigation-arrow:active {\n background-color: rgba(255, 255, 255, 0.2);\n color: white;\n}\n\n.apps-scroll-view {\n padding: 0;\n}\n\n.system-action-icon {\n background-color: rgba(255, 255, 255, 0.06);\n color: white;\n border-radius: 9999px;\n icon-size: 48px;\n}\n\n.page-navigation-hint {\n width: 220px;\n}\n\n.page-navigation-hint.dnd {\n background: rgba(255, 255, 255, 0.1);\n}\n\n.page-navigation-hint.next:ltr,\n.page-navigation-hint.previous:rtl {\n background-gradient-start: rgba(255, 255, 255, 0.12);\n background-gradient-end: transparent;\n background-gradient-direction: horizontal;\n border-radius: 16px 0px 0px 16px;\n}\n\n.page-navigation-hint.previous:ltr,\n.page-navigation-hint.next:rtl {\n background-gradient-start: transparent;\n background-gradient-end: rgba(255, 255, 255, 0.12);\n background-gradient-direction: horizontal;\n border-radius: 0px 16px 16px 0px;\n}\n\n.page-navigation-arrow {\n margin: 4px;\n padding: 12px;\n width: 24px;\n height: 24px;\n border-radius: 9999px;\n color: rgba(255, 255, 255, 0.85);\n background-color: transparent;\n}\n\n.page-navigation-arrow > StIcon {\n color: white;\n}\n\n.page-navigation-arrow:insensitive {\n background-color: rgba(255, 255, 255, 0.06);\n color: rgba(255, 255, 255, 0.35);\n}\n\n.page-navigation-arrow:hover {\n background-color: rgba(255, 255, 255, 0.12);\n color: white;\n}\n\n.page-navigation-arrow:active {\n background-color: rgba(255, 255, 255, 0.2);\n color: white;\n}\n\n/* Check Boxes */\n.check-box StBoxLayout {\n spacing: 0.8em;\n}\n\n.check-box StBin {\n border-radius: 7px;\n padding: 2px;\n}\n\n.check-box:focus StBin {\n background-color: rgba(0, 0, 0, 0.01);\n box-shadow: inset 0 0 0 2px st-transparentize(#0088ff, 0.65);\n}\n\n.check-box StIcon {\n icon-size: 14px;\n padding: 1px;\n color: transparent;\n border-radius: 6px;\n border: 2px solid rgba(0, 0, 0, 0.15);\n}\n\n.check-box:hover StIcon {\n border-color: rgba(0, 0, 0, 0.2);\n}\n\n.check-box:active StIcon {\n border-color: rgba(0, 0, 0, 0.3);\n}\n\n.check-box:checked StIcon {\n background-color: #0088ff;\n color: -st-accent-fg-color;\n border-color: transparent;\n}\n\n.check-box:checked:hover StIcon {\n background-color: st-lighten(#0088ff, 5%);\n color: st-lighten(-st-accent-fg-color, 5%);\n}\n\n.check-box:checked:active StIcon {\n background-color: st-darken(#0088ff, 7%);\n color: st-darken(-st-accent-fg-color, 7%);\n}\n\n/* Dash */\n#dash {\n padding-left: 0;\n padding-right: 0;\n}\n\n#dash .dash-background {\n background-color: rgba(255, 255, 255, 0.12);\n border-radius: 28px;\n padding-top: 8px;\n padding-bottom: 8px;\n padding-left: 6.5px;\n padding-right: 6.5px;\n border: none;\n box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);\n}\n\n#dash .dash-item-container .placeholder {\n background-image: none;\n background-size: contain;\n height: 32px;\n}\n\n#dash .dash-item-container .empty-dash-drop-target {\n width: 32px;\n height: 32px;\n}\n\n#dash .dash-item-container .show-apps,\n#dash .dash-item-container .overview-tile {\n background: none;\n box-shadow: none;\n border: none;\n border-radius: 0;\n padding: 0;\n margin: 0 1.5px;\n padding-bottom: 9px;\n}\n\n#dash .dash-item-container .show-apps .overview-icon,\n#dash .dash-item-container .overview-tile .overview-icon {\n border-radius: 20px;\n padding: 4px;\n spacing: 4px;\n text-align: center;\n transition-duration: 100ms;\n background: none;\n}\n\n#dash .dash-item-container .show-apps:focus .overview-icon,\n#dash .dash-item-container .overview-tile:focus .overview-icon {\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n#dash .dash-item-container .show-apps:hover .overview-icon,\n#dash .dash-item-container .overview-tile:hover .overview-icon {\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n#dash .dash-item-container .show-apps:active .overview-icon,\n#dash .dash-item-container .overview-tile:active .overview-icon {\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n#dash .dash-item-container .show-apps:highlighted .overview-icon,\n#dash .dash-item-container .show-apps:selected .overview-icon,\n#dash .dash-item-container .show-apps:checked .overview-icon,\n#dash .dash-item-container .overview-tile:highlighted .overview-icon,\n#dash .dash-item-container .overview-tile:selected .overview-icon,\n#dash .dash-item-container .overview-tile:checked .overview-icon {\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n#dash .dash-item-container .show-apps:insensitive .overview-icon,\n#dash .dash-item-container .overview-tile:insensitive .overview-icon {\n background-color: transparent;\n}\n\n#dash .dash-item-container .app-grid-running-dot {\n offset-y: -9px;\n}\n\n#dash .dash-separator {\n width: 1px;\n margin-left: 3px;\n margin-right: 3px;\n background-color: rgba(255, 255, 255, 0.15);\n}\n\n#dash .dash-separator,\n#dash .dash-background {\n margin-bottom: 9px;\n}\n\n.dash-label {\n -y-offset: 6px;\n}\n\n/* Modal Dialogs */\n.modal-dialog,\n.candidate-popup-content {\n background-color: rgba(255, 255, 255, 0.75);\n border-radius: 30px;\n box-shadow: inset 1.6px 1.6px 4px -4px rgb(255, 255, 255);\n}\n\n.modal-dialog .modal-dialog-button:last-child,\n.modal-dialog .modal-dialog-linked-button:last-child {\n color: white !important;\n background-color: #0088ff;\n background-gradient-direction: none !important;\n}\n\n.modal-dialog .modal-dialog-button:hover:last-child,\n.modal-dialog .modal-dialog-linked-button:hover:last-child {\n color: white !important;\n background-gradient-direction: none !important;\n background-color: st-lighten(#0088ff, 9%);\n}\n\n.modal-dialog .modal-dialog-button:active:last-child,\n.modal-dialog .modal-dialog-linked-button:active:last-child {\n color: white !important;\n background-gradient-direction: none !important;\n background-color: st-darken(#0088ff, 5%);\n}\n\n.modal-dialog .modal-dialog-button:insensitive:last-child,\n.modal-dialog .modal-dialog-linked-button:insensitive:last-child {\n background-gradient-direction: none !important;\n background-color: st-transparentize(#0088ff, 0.9);\n color: st-transparentize(#0088ff, 0.65) !important;\n}\n\n.modal-dialog {\n color: #242424;\n padding: 12px;\n}\n\n.modal-dialog .modal-dialog-content-box {\n padding: 16px 32px 6px;\n spacing: 12px;\n max-width: 28em;\n}\n\n.modal-dialog .modal-dialog-button-box {\n padding-top: 4px;\n spacing: 4px;\n}\n\n.modal-dialog .modal-dialog-button,\n.modal-dialog .modal-dialog-linked-button {\n min-height: 40px;\n padding: 0 16px;\n margin: 0;\n border: none !important;\n border-radius: 9999px;\n font-weight: bold;\n color: #242424;\n background-color: #e6e6e6;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.modal-dialog .modal-dialog-button:hover,\n.modal-dialog .modal-dialog-linked-button:hover {\n color: #242424;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n background-color: st-mix(#242424, #e6e6e6, 6%);\n}\n\n.modal-dialog .modal-dialog-button:active,\n.modal-dialog .modal-dialog-linked-button:active {\n color: #242424;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n background-color: st-mix(#242424, #e6e6e6, 12%);\n}\n\n.modal-dialog .modal-dialog-button:checked,\n.modal-dialog .modal-dialog-linked-button:checked {\n color: white;\n background-color: #0088ff;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.modal-dialog .modal-dialog-button:insensitive,\n.modal-dialog .modal-dialog-linked-button:insensitive {\n color: rgba(36, 36, 36, 0.45);\n background-color: #e6e6e6;\n border: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.modal-dialog .modal-dialog-button:focus,\n.modal-dialog .modal-dialog-linked-button:focus {\n color: #242424;\n text-shadow: none;\n icon-shadow: none;\n box-shadow: none !important;\n}\n\n.end-session-dialog {\n width: 28em;\n}\n\n.end-session-dialog .end-session-dialog-battery-warning,\n.end-session-dialog .dialog-list-title {\n color: #e9873a;\n}\n\n.message-dialog-content {\n spacing: 18px;\n}\n\n.message-dialog-content .message-dialog-title {\n text-align: center;\n}\n\n.message-dialog-content .message-dialog-description {\n text-align: center;\n}\n\n.dialog-list {\n spacing: 18px;\n}\n\n.dialog-list .dialog-list-title {\n text-align: center;\n}\n\n.dialog-list .dialog-list-scrollview {\n max-height: 200px;\n}\n\n.dialog-list .dialog-list-box {\n spacing: 1em;\n}\n\n.dialog-list .dialog-list-box .dialog-list-item {\n spacing: 1em;\n}\n\n.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {\n font-weight: bold;\n}\n\n.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {\n color: #424242;\n}\n\n.run-dialog {\n width: 24em;\n}\n\n.run-dialog .run-dialog-entry {\n padding: 8px 6px;\n}\n\n.run-dialog .run-dialog-description {\n text-align: center;\n color: #424242;\n}\n\n.prompt-dialog {\n width: 24em;\n}\n\n.prompt-dialog-password-grid {\n spacing-rows: 8px;\n spacing-columns: 4px;\n}\n\n.prompt-dialog-password-grid .prompt-dialog-password-entry {\n width: auto;\n}\n\n.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {\n margin-left: 20px;\n}\n\n.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {\n margin-right: 20px;\n}\n\n.prompt-dialog-password-layout {\n spacing: 8px;\n}\n\n.prompt-dialog-password-entry {\n width: 20em;\n padding: 8px 6px;\n}\n\n.prompt-dialog-error-label,\n.prompt-dialog-info-label,\n.prompt-dialog-null-label {\n text-align: center;\n}\n\n.prompt-dialog-error-label {\n color: #ed5f5d;\n}\n\n.prompt-dialog-info-label,\n.prompt-dialog-null-label {\n color: #565656;\n}\n\n.polkit-dialog-user-layout {\n text-align: center;\n spacing: 8px;\n margin-bottom: 6px;\n}\n\n.polkit-dialog-user-layout .polkit-dialog-user-root-label {\n color: #e9873a;\n}\n\n.audio-device-selection-dialog .modal-dialog-content-box {\n margin-bottom: 28px;\n}\n\n.audio-device-selection-dialog .audio-selection-box {\n spacing: 20px;\n}\n\n.audio-selection-device {\n min-width: 24em;\n border: 1px solid rgba(0, 0, 0, 0.12);\n border-radius: 6px;\n}\n\n.audio-selection-device:hover,\n.audio-selection-device:focus {\n background-color: rgba(0, 0, 0, 0.16);\n}\n\n.audio-selection-device:active {\n background-color: #0088ff;\n color: white;\n}\n\n.audio-selection-device-box {\n padding: 8px;\n spacing: 8px;\n}\n\n.audio-selection-device-icon {\n icon-size: 64px;\n}\n\n.welcome-dialog-image {\n background-image: url('resource:///org/gnome/shell/theme/gnome-shell-start.svg');\n background-size: contain;\n height: 300px;\n width: 300px;\n}\n\n/* Access portal dialog */\n.access-dialog {\n text-align: center;\n}\n\n/* Message List */\n.message-list {\n width: 29em;\n text-shadow: none;\n border: none;\n padding: 0 3px;\n}\n\n.message-list:ltr {\n margin-left: 0;\n margin-right: 0;\n padding-right: 4px;\n border-right-width: 0;\n}\n\n.message-list:rtl {\n margin-right: 0;\n margin-left: 0;\n padding-left: 4px;\n border-left-width: 0;\n}\n\n.message-list .message-list-placeholder {\n color: rgba(36, 36, 36, 0.45);\n}\n\n.message-list .message-list-placeholder > StIcon {\n icon-size: 96px;\n margin-bottom: 9px;\n -st-icon-style: symbolic;\n}\n\n.message-view {\n -st-vfade-offset: 68px;\n}\n\n.message-view:ltr {\n margin-right: 15px;\n}\n\n.message-view:rtl {\n margin-left: 15px;\n}\n\n.message-view .message {\n margin-bottom: 8px !important;\n}\n\n.message-list-controls {\n padding: 8px;\n padding-bottom: 4px;\n spacing: 4px;\n}\n\n.message-list-controls .dnd-button {\n border-width: 2px;\n border-color: transparent;\n border-radius: 32px;\n border-style: solid;\n}\n\n.message-list-controls .dnd-button:focus {\n border-color: st-transparentize(#0088ff, 0.4);\n}\n\n.message-notification-group {\n spacing: 8px;\n}\n\n.message-notification-group .message-group-header {\n padding: 4px;\n}\n\n.message-notification-group .message-group-header .message-group-title {\n margin: 0 3px;\n}\n\n.message-notification-group .message-collapse-button {\n color: #242424;\n background-color: rgba(36, 36, 36, 0.2);\n padding: 4px !important;\n border: 4px transparent solid;\n}\n\n.message-notification-group .message-collapse-button:hover {\n background-color: rgba(36, 36, 36, 0.3);\n}\n\n.message-notification-group .message-collapse-button:active {\n background-color: rgba(36, 36, 36, 0.2);\n}\n\n.popup-menu .message {\n border-radius: 20px;\n padding: 4px;\n margin: 3px;\n background-color: rgba(255, 255, 255, 0.92);\n border-radius: 20px;\n box-shadow: inset 0 0 4px 0.1px rgb(255, 255, 255);\n color: #424242;\n}\n\n.popup-menu .message:hover,\n.popup-menu .message:focus {\n color: #242424;\n background-color: white;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;\n}\n\n.popup-menu .message:active {\n color: #242424;\n background-color: #fcfcfc;\n box-shadow: none !important;\n}\n\n.popup-menu .message:insensitive {\n color: rgba(66, 66, 66, 0.45);\n background-color: rgba(255, 255, 255, 0.5);\n box-shadow: none !important;\n}\n\n.message {\n border: none;\n}\n\n.message:second-in-stack {\n background-color: #fafafa;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);\n}\n\n.message:lower-in-stack {\n background-color: whitesmoke;\n box-shadow: none;\n border-color: transparent;\n}\n\n.message .message-header {\n padding: 0 4px;\n spacing: 4px;\n color: rgba(36, 36, 36, 0.45);\n}\n\n.message .message-header:ltr {\n padding-right: 0;\n}\n\n.message .message-header:rtl {\n padding-left: 0;\n}\n\n.message .message-header .message-source-icon {\n icon-size: 1.091em;\n -st-icon-style: symbolic;\n}\n\n.message .message-header .message-header-content {\n spacing: 4px;\n min-height: 1.637em;\n padding-bottom: 4px;\n}\n\n.message .message-header .message-header-content .message-source-title {\n font-weight: bold;\n}\n\n.message .message-header .message-header-content .event-time {\n color: rgba(36, 36, 36, 0.45);\n padding-bottom: 0.068em;\n}\n\n.message .message-header .message-header-content .event-time:ltr {\n text-align: right;\n}\n\n.message .message-header .message-header-content .event-time:rtl {\n text-align: left;\n}\n\n.message .message-header .message-expand-button,\n.message .message-header .message-close-button {\n color: #242424;\n background-color: rgba(36, 36, 36, 0.1);\n padding: 4px;\n border: none;\n}\n\n.message .message-header .message-expand-button:hover,\n.message .message-header .message-close-button:hover {\n background-color: rgba(36, 36, 36, 0.19);\n}\n\n.message .message-header .message-expand-button:active,\n.message .message-header .message-expand-button:active:hover,\n.message .message-header .message-close-button:active,\n.message .message-header .message-close-button:active:hover {\n background-color: rgba(36, 36, 36, 0.24);\n}\n\n.message .message-header .message-expand-button:insensitive,\n.message .message-header .message-close-button:insensitive {\n background-color: rgba(36, 36, 36, 0.07);\n}\n\n.message .message-header .message-expand-button {\n padding: 4px;\n}\n\n.message .message-header .message-expand-button:ltr {\n margin-right: 4px;\n}\n\n.message .message-header .message-expand-button:rtl {\n margin-left: 4px;\n}\n\n.message .message-box {\n padding: 4px;\n margin: 4px;\n margin-top: 0;\n spacing: 4px;\n}\n\n.message .message-box .message-icon {\n icon-size: 48px;\n}\n\n.message .message-box .message-icon:ltr {\n margin-right: 4px;\n}\n\n.message .message-box .message-icon:rtl {\n margin-left: 4px;\n}\n\n.message .message-box .message-icon.message-themed-icon {\n border-radius: 9999px;\n background-color: rgba(36, 36, 36, 0.2);\n icon-size: 16px;\n min-width: 32px;\n min-height: 32px;\n padding: 8px;\n}\n\n.message .message-box:first-child {\n margin-top: 8px;\n}\n\n.message .message-box .message-content {\n spacing: 3px;\n}\n\n.message .message-box .message-content .message-title {\n font-weight: bold;\n}\n\n.message .message-action-bin {\n padding: 3px;\n spacing: 4px;\n}\n\n.message .message-action-bin * {\n margin: 0 3px;\n}\n\n.message .message-action-bin *:first-child:ltr {\n margin-left: 0;\n}\n\n.message .message-action-bin *:first-child:rtl {\n margin-right: 0;\n}\n\n.message .message-action-bin *:last-child:ltr {\n margin-right: 0;\n}\n\n.message .message-action-bin *:last-child:rtl {\n margin-left: 0;\n}\n\n.url-highlighter {\n link-color: #3484e2;\n}\n\n.message-media-control {\n margin: 7px 4px !important;\n padding: 8px !important;\n border-radius: 9999px;\n color: #424242;\n}\n\n.message-media-control:hover,\n.message-media-control:focus {\n color: #242424;\n background-color: rgba(0, 0, 0, 0.12);\n}\n\n.message-media-control:active {\n color: #242424;\n background-color: rgba(0, 0, 0, 0.2);\n}\n\n.message-media-control:insensitive {\n color: rgba(36, 36, 36, 0.45);\n}\n\n.message-media-control StIcon {\n icon-size: 16px;\n}\n\n.media-message .message-icon {\n border-radius: 6px !important;\n}\n\n.media-message .message-icon.message-themed-icon {\n icon-size: 32px !important;\n}\n\n/* Notifications & Message Tray */\n.notification-banner {\n min-height: 64px;\n width: 34em;\n border-radius: 14px;\n margin: 8px;\n padding: 4px;\n color: #242424;\n background-color: rgba(245, 245, 245, 0.92);\n border: 1px solid transparent;\n text-shadow: none;\n box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);\n}\n\n.notification-buttons-bin {\n spacing: 0;\n padding: 0;\n}\n\n.notification-button {\n min-height: 32px;\n padding: 0 8px;\n background-color: rgba(0, 0, 0, 0.06);\n color: #424242;\n font-weight: 500;\n border: 1px solid transparent;\n border-radius: 6px;\n}\n\n.notification-button:focus {\n background-color: #ffffff;\n color: #242424;\n box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12) !important;\n}\n\n.notification-button:hover {\n background-color: rgba(0, 0, 0, 0.12);\n color: #242424;\n box-shadow: none;\n}\n\n.notification-button:active,\n.notification-button:checked {\n background-color: rgba(0, 0, 0, 0.2);\n color: #242424;\n}\n\n.notification-button:insensitive {\n background-color: transparent;\n color: rgba(66, 66, 66, 0.45);\n}\n\n.controls-manager,\n.secondary-monitor-workspaces {\n spacing: 8px;\n}\n\n#overviewGroup {\n background-color: #2a2a2a;\n}\n\n.osd-window {\n spacing: 8px;\n padding: 8px 12px;\n margin-bottom: 4em;\n}\n\n.osd-window > * {\n spacing: 8px;\n}\n\n.osd-window StIcon {\n icon-size: 32px;\n}\n\n.osd-window StLabel:ltr {\n margin-right: 6px;\n}\n\n.osd-window StLabel:rtl {\n margin-left: 6px;\n}\n\n.osd-window .level {\n margin-bottom: 4px;\n min-width: 160px;\n}\n\n.osd-window .level:first-child {\n margin-bottom: 0px;\n}\n\n.osd-window .level:ltr {\n margin-right: 4px;\n}\n\n.osd-window .level:rtl {\n margin-left: 4px;\n}\n\n#appMenu {\n spacing: 4px;\n}\n\n#appMenu .label-shadow {\n color: transparent;\n}\n\n#appMenu .panel-status-menu-box {\n padding: 0 4px;\n spacing: 4px;\n}\n\n.popup-menu-item:ltr {\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.popup-menu-item:rtl {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n.popup-separator-menu-item {\n border: none !important;\n}\n\n.popup-separator-menu-item:ltr {\n margin-right: 4px;\n}\n\n.popup-separator-menu-item:rtl {\n margin-left: 4px;\n}\n\n.popup-separator-menu-item .popup-separator-menu-item-separator {\n height: 1px;\n background-color: rgba(0, 0, 0, 0.12);\n}\n\n.popup-separator-menu-item .popup-menu-ornament {\n width: 0 !important;\n}\n\n.popup-sub-menu .popup-separator-menu-item {\n background-color: transparent;\n}\n\n.popup-sub-menu .popup-separator-menu-item:ltr {\n margin-right: 2.5em;\n}\n\n.popup-sub-menu .popup-separator-menu-item:rtl {\n margin-left: 2.5em;\n}\n\n.popup-sub-menu\n .popup-separator-menu-item\n .popup-separator-menu-item-separator {\n background-color: rgba(0, 0, 0, 0.08);\n}\n\n.aggregate-menu .popup-menu-ornament,\n.aggregate-menu .popup-sub-menu .popup-menu-ornament {\n width: 0 !important;\n}\n\n.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {\n margin-left: 10px;\n}\n\n.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {\n margin-right: 10px;\n}\n\n.app-menu {\n max-width: 27.25em;\n}\n\n.app-menu .popup-menu-ornament {\n width: 0 !important;\n}\n\n.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {\n margin-right: 6px;\n}\n\n.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {\n margin-left: 6px;\n}\n\n.quick-settings {\n padding: 20px !important;\n padding-top: 8px !important;\n border-radius: 33px !important;\n margin-top: 8px !important;\n background: none;\n border: none;\n box-shadow: none;\n border-image: url('assets/menu.svg') 30 30 30 30;\n}\n\n.quick-settings .icon-button,\n.quick-settings .message-notification-group .message-collapse-button,\n.message-notification-group .quick-settings .message-collapse-button,\n.quick-settings .message .message-header .message-expand-button,\n.message .message-header .quick-settings .message-expand-button,\n.quick-settings .message .message-header .message-close-button,\n.message .message-header .quick-settings .message-close-button,\n.quick-settings .button {\n padding: 7px;\n}\n\n.quick-settings .icon-button StIcon,\n.quick-settings .message-notification-group .message-collapse-button StIcon,\n.message-notification-group .quick-settings .message-collapse-button StIcon,\n.quick-settings .message .message-header .message-expand-button StIcon,\n.message .message-header .quick-settings .message-expand-button StIcon,\n.quick-settings .message .message-header .message-close-button StIcon,\n.message .message-header .quick-settings .message-close-button StIcon,\n.quick-settings .button StIcon {\n icon-size: 16px;\n}\n\n.quick-settings-grid {\n spacing-rows: 12px;\n spacing-columns: 12px;\n}\n\n.quick-toggle,\n.quick-toggle-has-menu {\n min-width: 13em;\n max-width: 13em;\n min-height: 3.4em;\n border: none;\n box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.35) !important;\n color: white;\n}\n\n.quick-toggle {\n background-color: rgba(255, 255, 255, 0.15) !important;\n border-radius: 9999px;\n color: white;\n padding: 0 12px;\n /* Move padding into the box; this is to allow menu arrows\n to extend to the border */\n}\n\n.quick-toggle:hover {\n background-color: rgba(255, 255, 255, 0.2) !important;\n color: white;\n}\n\n.quick-toggle:active {\n background-color: rgba(255, 255, 255, 0.25) !important;\n color: white;\n}\n\n.quick-toggle:checked {\n background-color: white !important;\n color: #0088ff;\n}\n\n.quick-toggle:checked:hover {\n color: #0088ff;\n background-color: st-mix(#363636, white, 6%) !important;\n}\n\n.quick-toggle:checked:active {\n color: #0088ff;\n background-color: st-mix(#363636, white, 15%) !important;\n}\n\n.quick-toggle > StBoxLayout {\n spacing: 8px;\n}\n\n.quick-toggle.button {\n padding: 0;\n}\n\n.quick-toggle > StBoxLayout {\n padding: 0 8px;\n}\n\n.quick-toggle:ltr > StBoxLayout {\n padding-left: 20px;\n}\n\n.quick-toggle:rtl > StBoxLayout {\n padding-right: 20px;\n}\n\n.quick-toggle .quick-toggle-subtitle {\n font-weight: normal;\n}\n\n.quick-toggle .quick-toggle-icon {\n icon-size: 16px;\n}\n\n.quick-toggle-has-menu {\n background-color: rgba(255, 255, 255, 0.15) !important;\n border-radius: 9999px;\n padding: 4px 0;\n}\n\n.quick-toggle-has-menu:hover {\n background-color: rgba(255, 255, 255, 0.2) !important;\n}\n\n.quick-toggle-has-menu:active {\n background-color: rgba(255, 255, 255, 0.25) !important;\n}\n\n.quick-toggle-has-menu:checked {\n background-color: rgba(255, 255, 255, 0.15) !important;\n}\n\n.quick-toggle-has-menu .quick-toggle {\n min-width: auto;\n max-width: auto;\n}\n\n.quick-toggle-has-menu .quick-toggle,\n.quick-toggle-has-menu .quick-toggle:hover,\n.quick-toggle-has-menu .quick-toggle:active,\n.quick-toggle-has-menu .quick-toggle:checked {\n background: none !important;\n box-shadow: none !important;\n color: white;\n}\n\n.quick-toggle-has-menu .quick-toggle .quick-toggle-icon {\n border-radius: 9999px;\n min-height: 3.4em !important;\n min-width: 3.4em !important;\n background-color: rgba(255, 255, 255, 0.15);\n}\n\n.quick-toggle-has-menu .quick-toggle:hover .quick-toggle-icon {\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n.quick-toggle-has-menu .quick-toggle:active .quick-toggle-icon {\n background-color: rgba(255, 255, 255, 0.25);\n}\n\n.quick-toggle-has-menu .quick-toggle:checked .quick-toggle-icon {\n color: #0088ff;\n background-color: white;\n}\n\n.quick-toggle-has-menu .quick-toggle:ltr {\n border-radius: 9999px;\n}\n\n.quick-toggle-has-menu .quick-toggle:ltr > StBoxLayout {\n padding-left: 12px;\n padding-right: 8px;\n}\n\n.quick-toggle-has-menu .quick-toggle:rtl {\n border-radius: 9999px;\n}\n\n.quick-toggle-has-menu .quick-toggle:rtr > StBoxLayout {\n padding-left: 8px;\n padding-right: 12px;\n}\n\n.quick-toggle-has-menu .quick-toggle:ltr:last-child {\n border-radius: 9999px;\n}\n\n.quick-toggle-has-menu .quick-toggle:rtl:last-child {\n border-radius: 9999px;\n}\n\n.quick-toggle-has-menu .quick-toggle-menu-button {\n padding: 0;\n min-width: 2.4em;\n min-height: 2.4em;\n margin: 1em;\n border-radius: 9999px;\n border: none;\n color: white;\n background-color: transparent;\n}\n\n.quick-toggle-has-menu .quick-toggle-menu-button:hover {\n background-color: rgba(255, 255, 255, 0.2);\n color: white;\n}\n\n.quick-toggle-has-menu .quick-toggle-menu-button:active {\n background-color: rgba(255, 255, 255, 0.25);\n color: white;\n}\n\n.quick-toggle-has-menu .quick-toggle-menu-button:ltr {\n border-radius: 9999px;\n}\n\n.quick-toggle-has-menu .quick-toggle-menu-button:rtl {\n border-radius: 9999px;\n}\n\n.quick-toggle-has-menu .quick-toggle-separator {\n width: 0;\n}\n\n.quick-slider {\n background-color: rgba(255, 255, 255, 0.15);\n border-radius: 24px;\n box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.35) !important;\n padding: 1.636em 0.818em;\n color: white;\n}\n\n.quick-slider > StBoxLayout {\n spacing: 4px;\n}\n\n.quick-slider .icon-button,\n.quick-slider .message-notification-group .message-collapse-button,\n.message-notification-group .quick-slider .message-collapse-button,\n.quick-slider .message .message-header .message-expand-button,\n.message .message-header .quick-slider .message-expand-button,\n.quick-slider .message .message-header .message-close-button,\n.message .message-header .quick-slider .message-close-button {\n padding: 0.6135em;\n color: white;\n}\n\n.quick-slider .icon-button:hover,\n.quick-slider .message-notification-group .message-collapse-button:hover,\n.message-notification-group .quick-slider .message-collapse-button:hover,\n.quick-slider .message .message-header .message-expand-button:hover,\n.message .message-header .quick-slider .message-expand-button:hover,\n.quick-slider .message .message-header .message-close-button:hover,\n.message .message-header .quick-slider .message-close-button:hover {\n background-color: rgba(255, 255, 255, 0.2);\n color: white;\n}\n\n.quick-slider .icon-button:active,\n.quick-slider .message-notification-group .message-collapse-button:active,\n.message-notification-group .quick-slider .message-collapse-button:active,\n.quick-slider .message .message-header .message-expand-button:active,\n.message .message-header .quick-slider .message-expand-button:active,\n.quick-slider .message .message-header .message-close-button:active,\n.message .message-header .quick-slider .message-close-button:active {\n background-color: rgba(255, 255, 255, 0.25);\n color: white;\n}\n\n.quick-slider .slider-bin {\n min-height: 16px;\n padding: 4px;\n border-radius: 9999px;\n}\n\n.quick-slider .slider-bin:focus {\n color: white;\n}\n\n.quick-toggle-menu {\n background-color: rgba(245, 245, 245, 0.92) !important;\n border-radius: 22px;\n padding: 12px;\n margin: 8px 28px 0;\n border: none !important;\n box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.18);\n}\n\n.quick-toggle-menu .popup-menu-item {\n min-height: 20px;\n padding: 8px 12px;\n}\n\n.quick-toggle-menu .popup-menu-item:focus,\n.quick-toggle-menu .popup-menu-item:hover,\n.quick-toggle-menu .popup-menu-item:selected {\n background-color: rgba(0, 0, 0, 0.12) !important;\n color: #242424 !important;\n}\n\n.quick-toggle-menu .popup-menu-item:active {\n background-color: rgba(0, 0, 0, 0.2) !important;\n color: #242424 !important;\n}\n\n.quick-toggle-menu .popup-menu-item > StIcon {\n -st-icon-style: symbolic;\n}\n\n.quick-toggle-menu .header {\n spacing-rows: 2px;\n spacing-columns: 8px;\n padding-bottom: 8px;\n color: #242424;\n}\n\n.quick-toggle-menu .header .icon {\n icon-size: 16px;\n border-radius: 9999px;\n padding: 10px;\n background-color: rgba(0, 0, 0, 0.06);\n color: #242424;\n}\n\n.quick-toggle-menu .header .icon.active {\n background-color: #0088ff;\n color: white;\n}\n\n.quick-settings-system-item > StBoxLayout {\n spacing: 8px;\n}\n\n.quick-settings-system-item .icon-button,\n.quick-settings-system-item\n .message-notification-group\n .message-collapse-button,\n.message-notification-group\n .quick-settings-system-item\n .message-collapse-button,\n.quick-settings-system-item .message .message-header .message-expand-button,\n.message .message-header .quick-settings-system-item .message-expand-button,\n.quick-settings-system-item .message .message-header .message-close-button,\n.message .message-header .quick-settings-system-item .message-close-button {\n background-color: rgba(255, 255, 255, 0.15);\n color: white;\n border-radius: 9999px;\n min-height: 28px !important;\n min-width: 28px !important;\n padding: 0.818em;\n box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.35) !important;\n}\n\n.quick-settings-system-item .icon-button:hover,\n.quick-settings-system-item\n .message-notification-group\n .message-collapse-button:hover,\n.message-notification-group\n .quick-settings-system-item\n .message-collapse-button:hover,\n.quick-settings-system-item\n .message\n .message-header\n .message-expand-button:hover,\n.message\n .message-header\n .quick-settings-system-item\n .message-expand-button:hover,\n.quick-settings-system-item\n .message\n .message-header\n .message-close-button:hover,\n.message\n .message-header\n .quick-settings-system-item\n .message-close-button:hover {\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n.quick-settings-system-item .icon-button:active,\n.quick-settings-system-item\n .message-notification-group\n .message-collapse-button:active,\n.message-notification-group\n .quick-settings-system-item\n .message-collapse-button:active,\n.quick-settings-system-item\n .message\n .message-header\n .message-expand-button:active,\n.message\n .message-header\n .quick-settings-system-item\n .message-expand-button:active,\n.quick-settings-system-item\n .message\n .message-header\n .message-close-button:active,\n.message\n .message-header\n .quick-settings-system-item\n .message-close-button:active {\n background-color: rgba(255, 255, 255, 0.25);\n}\n\n.quick-settings-system-item .icon-button > StIcon,\n.quick-settings-system-item .background-app-item .icon-button > StIcon,\n.quick-settings-system-item\n .message-notification-group\n .background-app-item\n .message-collapse-button\n > StIcon,\n.quick-settings-system-item\n .message\n .message-header\n .background-app-item\n .message-expand-button\n > StIcon,\n.quick-settings-system-item\n .message\n .message-header\n .background-app-item\n .message-close-button\n > StIcon,\n.quick-settings-system-item\n .message-notification-group\n .message-collapse-button\n > StIcon,\n.message-notification-group\n .quick-settings-system-item\n .message-collapse-button\n > StIcon,\n.quick-settings-system-item\n .message\n .message-header\n .message-expand-button\n > StIcon,\n.message\n .message-header\n .quick-settings-system-item\n .message-expand-button\n > StIcon,\n.quick-settings-system-item\n .message\n .message-header\n .message-close-button\n > StIcon,\n.message\n .message-header\n .quick-settings-system-item\n .message-close-button\n > StIcon {\n -st-icon-style: symbolic;\n icon-size: 16px;\n}\n\n.quick-settings-system-item .power-item {\n min-height: 0;\n min-width: 0;\n}\n\n.quick-settings-system-item .power-item:insensitive {\n color: rgba(255, 255, 255, 0.35);\n background-color: transparent;\n}\n\n.nm-network-item .wireless-secure-icon {\n icon-size: 8px;\n}\n\n.bt-device-item .popup-menu-icon {\n -st-icon-style: symbolic;\n}\n\n.bt-menu-placeholder.popup-menu-item {\n text-align: center;\n padding: 2em 4em;\n}\n\n.device-subtitle {\n color: rgba(36, 36, 36, 0.5);\n}\n\n.keyboard-brightness-level {\n spacing: 4px;\n}\n\n.background-apps-quick-toggle {\n min-height: 38px;\n padding: 0.818em !important;\n background-color: transparent;\n}\n\n.background-apps-quick-toggle StIcon {\n icon-size: 16px !important;\n}\n\n.background-app-item .popup-menu-icon {\n icon-size: 24px !important;\n -st-icon-style: regular !important;\n}\n\n.background-app-item .icon-button,\n.background-app-item .message-notification-group .message-collapse-button,\n.message-notification-group .background-app-item .message-collapse-button,\n.background-app-item .message .message-header .message-expand-button,\n.message .message-header .background-app-item .message-expand-button,\n.background-app-item .message .message-header .message-close-button,\n.message .message-header .background-app-item .message-close-button {\n padding: 4px;\n}\n\n.background-app-item .spinner {\n padding: 4px;\n}\n\n.background-app-item.popup-inactive-menu-item {\n color: #242424;\n}\n\n#unlockDialogNotifications StButton#vhandle,\n#unlockDialogNotifications StButton#hhandle {\n background-color: rgba(245, 245, 245, 0.3);\n}\n\n#unlockDialogNotifications StButton#vhandle:hover,\n#unlockDialogNotifications StButton#vhandle:focus,\n#unlockDialogNotifications StButton#hhandle:hover,\n#unlockDialogNotifications StButton#hhandle:focus {\n background-color: rgba(245, 245, 245, 0.5);\n}\n\n#unlockDialogNotifications StButton#vhandle:active,\n#unlockDialogNotifications StButton#hhandle:active {\n background-color: st-transparentize(#0088ff, 0.5);\n}\n\n.icon-label-button-container {\n spacing: 4px;\n font-size: 9pt;\n font-weight: 400;\n}\n\n.icon-label-button-container StIcon {\n icon-size: 32px;\n}\n\n.screenshot-ui-panel {\n border-radius: 28px;\n padding: 12px;\n margin-bottom: 4em;\n spacing: 12px;\n color: #d3d7df;\n background-color: rgba(42, 42, 42, 0.96);\n border: 1px solid rgba(0, 0, 0, 0.75);\n box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);\n}\n\n.screenshot-ui-close-button {\n padding: 4px !important;\n}\n\n.screenshot-ui-close-button.left {\n margin-left: 6px;\n}\n\n.screenshot-ui-close-button.right {\n margin-right: 6px;\n}\n\n.screenshot-ui-type-button {\n min-width: 48px;\n padding: 12px 16px !important;\n border-radius: 16px;\n}\n\n.screenshot-ui-capture-button {\n width: 36px;\n height: 36px;\n border-radius: 9999px;\n border: 4px white;\n padding: 4px;\n}\n\n.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {\n background-color: white;\n transition-duration: 200ms;\n border-radius: 9999px;\n}\n\n.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover,\n.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {\n background-color: rgba(0, 0, 0, 0.12);\n}\n\n.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle,\n.screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {\n background-color: #d9d9d9;\n}\n\n.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {\n background-color: gray;\n}\n\n.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {\n background-color: #ed5f5d;\n}\n\n.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle,\n.screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {\n background-color: #f07674;\n}\n\n.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {\n background-color: #e93f3d;\n}\n\n.screenshot-ui-shot-cast-container {\n background-color: rgba(255, 255, 255, 0.06);\n border-radius: 6px;\n padding: 2px;\n spacing: 2px;\n}\n\n.screenshot-ui-shot-cast-container:ltr {\n margin-left: 0px;\n}\n\n.screenshot-ui-shot-cast-container:rtl {\n margin-right: 0px;\n}\n\n.screenshot-ui-shot-cast-button {\n padding: 4px 8px;\n background-color: transparent;\n border-radius: 4px;\n}\n\n.screenshot-ui-shot-cast-button:hover,\n.screenshot-ui-shot-cast-button:focus {\n background-color: rgba(255, 255, 255, 0.1);\n}\n\n.screenshot-ui-shot-cast-button:active {\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n.screenshot-ui-shot-cast-button:checked {\n background-color: white;\n color: black;\n}\n\n.screenshot-ui-shot-cast-button StIcon {\n icon-size: 16px;\n}\n\n.screenshot-ui-show-pointer-button {\n border-radius: 9999px;\n padding: 15px !important;\n}\n\n.screenshot-ui-show-pointer-button StIcon {\n icon-size: 16px;\n}\n\n.screenshot-ui-area-indicator-shade {\n background-color: rgba(0, 0, 0, 0.3);\n}\n\n.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {\n background-color: rgba(0, 0, 0, 0.5);\n}\n\n.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {\n border: 2px white;\n}\n\n.screenshot-ui-area-selector-handle {\n border-radius: 9999px;\n background-color: white;\n box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);\n width: 24px;\n height: 24px;\n}\n\n.screenshot-ui-window-selector {\n background-color: rgba(42, 42, 42, 0.96);\n}\n\n.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {\n margin: 100px;\n}\n\n.screenshot-ui-window-selector:primary-monitor\n .screenshot-ui-window-selector-window-container {\n margin-bottom: 200px;\n}\n\n.screenshot-ui-window-selector-window-border {\n transition-duration: 200ms;\n border-radius: 6px;\n border: 6px transparent;\n}\n\n.screenshot-ui-window-selector-check {\n transition-duration: 200ms;\n color: transparent;\n border-radius: 9999px;\n border-width: 12px;\n icon-size: 24px;\n}\n\n.screenshot-ui-window-selector-window:hover\n .screenshot-ui-window-selector-window-border {\n border-color: st-darken(#0088ff, 15%);\n}\n\n.screenshot-ui-window-selector-window:checked\n .screenshot-ui-window-selector-window-border {\n border-color: #0088ff;\n background-color: st-transparentize(#0088ff, 0.8);\n}\n\n.screenshot-ui-window-selector-window:checked\n .screenshot-ui-window-selector-check {\n color: white;\n background-color: #0088ff;\n}\n\n.screenshot-ui-screen-selector {\n transition-duration: 200ms;\n background-color: rgba(0, 0, 0, 0.5);\n}\n\n.screenshot-ui-screen-selector:hover {\n background-color: rgba(0, 0, 0, 0.3);\n}\n\n.screenshot-ui-screen-selector:active {\n background-color: rgba(0, 0, 0, 0.7);\n}\n\n.screenshot-ui-screen-selector:checked {\n background-color: transparent;\n border: 2px white;\n}\n\n.screenshot-ui-tooltip {\n color: #d3d7df;\n background-color: rgba(42, 42, 42, 0.96);\n border-radius: 9999px;\n padding: 4px 8px;\n text-align: center;\n -y-offset: 24px;\n}\n\n.search-entry {\n margin-top: 16px;\n margin-bottom: 4px;\n}\n\n/* Slider */\n.slider {\n height: 8px;\n color: white;\n border-radius: 8px;\n -slider-handle-radius: 4px;\n -barlevel-height: 8px;\n -barlevel-background-color: rgba(255, 255, 255, 0.1);\n -barlevel-active-background-color: white;\n -barlevel-overdrive-color: #ed5f5d;\n -barlevel-overdrive-separator-width: 1px;\n}\n\n.slider:hover {\n color: white;\n}\n\n/* Switches */\n.toggle-switch {\n width: 40px;\n height: 18px;\n border-radius: 9999px;\n background: rgba(36, 36, 36, 0.1);\n}\n\n.toggle-switch:hover {\n background: rgba(36, 36, 36, 0.2);\n}\n\n.toggle-switch StIcon {\n icon-size: 0;\n}\n\n.toggle-switch .handle {\n margin: 2px;\n width: 22px;\n height: 14px;\n background: white;\n border-radius: 9999px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n transition-duration: 100ms;\n}\n\n.toggle-switch:checked {\n background: #0088ff;\n color: #0088ff;\n}\n\n.toggle-switch:checked:hover {\n background: st-lighten(#0088ff, 10%);\n color: #0088ff;\n}\n\n.toggle-switch:checked .handle {\n background: white;\n}\n\n.window-picker {\n spacing: 4px;\n}\n\n.window-caption {\n color: rgba(255, 255, 255, 0.85);\n background-color: rgba(0, 0, 0, 0.75);\n border-radius: 9999px;\n padding: 4px 8px;\n}\n\n.window-close,\n.screenshot-ui-close-button {\n background-color: #ed5f5d;\n color: white;\n border-radius: 9999px;\n padding: 3px;\n height: 30px;\n width: 30px;\n box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);\n transition-duration: 300ms;\n background-image: url('assets/window-close-symbolic.svg');\n}\n\n.window-close StIcon,\n.screenshot-ui-close-button StIcon {\n color: white;\n icon-size: 1px;\n}\n\n.window-close:hover,\n.screenshot-ui-close-button:hover {\n color: white;\n background-color: #f07a79;\n}\n\n.window-close:active,\n.screenshot-ui-close-button:active {\n color: white;\n background-color: #ea4441;\n}\n\n.workspace-background {\n border-radius: 30px;\n background-color: rgba(42, 42, 42, 0.96);\n box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);\n}\n\n/* Workspace pager */\n.workspace-thumbnails {\n visible-width: 32px;\n spacing: 4px;\n padding: 4px;\n}\n\n.workspace-thumbnails .workspace-thumbnail {\n color: rgba(255, 255, 255, 0.85);\n background-color: rgba(255, 255, 255, 0.12);\n border: none;\n border-radius: 6px;\n}\n\n.workspace-thumbnails .placeholder {\n background-image: url('assets/dash-placeholder.svg');\n background-size: contain;\n width: 18px;\n height: 24px;\n}\n\n.workspace-thumbnail-indicator {\n border: 3px solid #0088ff;\n border-radius: 9px;\n padding: 0px;\n}\n\n.bottom #dashtodockDashScrollview,\n.top #dashtodockDashScrollview {\n -st-hfade-offset: 24px;\n}\n\n.left #dashtodockDashScrollview,\n.right #dashtodockDashScrollview {\n -st-vfade-offset: 24px;\n}\n\n#dashtodockContainer {\n background-color: transparent;\n box-shadow: none;\n}\n\n#dashtodockContainer .number-overlay {\n color: white;\n background-color: rgba(0, 0, 0, 0.75);\n text-align: center;\n}\n\n#dashtodockContainer .notification-badge {\n color: white;\n background-color: #0088ff;\n box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);\n border-radius: 9999px;\n margin: 2px 3px 5px;\n padding: 0.2em 0.6em;\n font-weight: bold;\n text-align: center;\n}\n\n#dashtodockContainer.top.straight-corner #dash,\n#dashtodockContainer.top.shrink.straight-corner #dash,\n#dashtodockContainer.top.extended #dash {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n#dashtodockContainer.top.straight-corner #dash .dash-background,\n#dashtodockContainer.top.shrink.straight-corner #dash .dash-background,\n#dashtodockContainer.top.extended #dash .dash-background {\n border-radius: 0;\n border-width: 0;\n border-bottom-width: 1px;\n margin: 0 !important;\n box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05);\n}\n\n#dashtodockContainer.bottom.straight-corner #dash,\n#dashtodockContainer.bottom.shrink.straight-corner #dash,\n#dashtodockContainer.bottom.extended #dash {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n#dashtodockContainer.bottom.straight-corner #dash .dash-background,\n#dashtodockContainer.bottom.shrink.straight-corner #dash .dash-background,\n#dashtodockContainer.bottom.extended #dash .dash-background {\n border-radius: 0;\n border-width: 0;\n border-top-width: 1px;\n margin: 0 !important;\n box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);\n}\n\n#dashtodockContainer.left.straight-corner #dash,\n#dashtodockContainer.left.shrink.straight-corner #dash,\n#dashtodockContainer.left.extended #dash {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n#dashtodockContainer.left.straight-corner #dash .dash-background,\n#dashtodockContainer.left.shrink.straight-corner #dash .dash-background,\n#dashtodockContainer.left.extended #dash .dash-background {\n border-radius: 0;\n border-width: 0;\n border-right-width: 1px;\n margin: 0 !important;\n box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05);\n}\n\n#dashtodockContainer.right.straight-corner #dash,\n#dashtodockContainer.right.shrink.straight-corner #dash,\n#dashtodockContainer.right.extended #dash {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n#dashtodockContainer.right.straight-corner #dash .dash-background,\n#dashtodockContainer.right.shrink.straight-corner #dash .dash-background,\n#dashtodockContainer.right.extended #dash .dash-background {\n border-radius: 0;\n border-width: 0;\n border-left-width: 1px;\n margin: 0 !important;\n box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05);\n}\n\n#dashtodockContainer.left #dash,\n#dashtodockContainer.right #dash {\n margin-top: 0 !important;\n padding: 8px !important;\n}\n\n#dashtodockContainer.left #dash #dashtodockDashContainer,\n#dashtodockContainer.right #dash #dashtodockDashContainer {\n padding: 8px 0 !important;\n}\n\n#dashtodockContainer.left #dash .dash-background,\n#dashtodockContainer.right #dash .dash-background {\n margin-bottom: 0 !important;\n padding: 8px !important;\n}\n\n#dashtodockContainer.left #dash .overview-tile,\n#dashtodockContainer.left #dash .show-apps,\n#dashtodockContainer.right #dash .overview-tile,\n#dashtodockContainer.right #dash .show-apps {\n padding: 1.5px 4px !important;\n}\n\n#dashtodockContainer.left.extended #dash #dashtodockDashContainer,\n#dashtodockContainer.right.extended #dash #dashtodockDashContainer {\n padding: 0 !important;\n}\n\n#dashtodockContainer.left.extended\n #dash\n #dashtodockDashContainer\n #dashtodockDashScrollview:first-child,\n#dashtodockContainer.right.extended\n #dash\n #dashtodockDashContainer\n #dashtodockDashScrollview:first-child {\n padding-top: 0 !important;\n}\n\n#dashtodockContainer.left.extended\n #dash\n #dashtodockDashContainer\n #dashtodockDashScrollview:last-child,\n#dashtodockContainer.right.extended\n #dash\n #dashtodockDashContainer\n #dashtodockDashScrollview:last-child {\n padding-bottom: 0 !important;\n}\n\n#dashtodockContainer.left.extended\n #dash\n #dashtodockDashContainer\n > :first-child\n .show-apps,\n#dashtodockContainer.right.extended\n #dash\n #dashtodockDashContainer\n > :first-child\n .show-apps {\n padding-bottom: 6px !important;\n}\n\n#dashtodockContainer.left.extended\n #dash\n #dashtodockDashContainer\n > :last-child\n .show-apps,\n#dashtodockContainer.right.extended\n #dash\n #dashtodockDashContainer\n > :last-child\n .show-apps {\n padding-bottom: 14px !important;\n}\n\n#dashtodockContainer.top.extended #dash .overview-tile,\n#dashtodockContainer.top.extended #dash .show-apps,\n#dashtodockContainer.bottom.extended #dash .overview-tile,\n#dashtodockContainer.bottom.extended #dash .show-apps {\n padding: 4px 1.5px !important;\n}\n\n#dashtodockContainer.top.extended #dash #dashtodockDashContainer,\n#dashtodockContainer.bottom.extended #dash #dashtodockDashContainer {\n padding: 0 !important;\n}\n\n#dashtodockContainer.top.extended\n #dash\n #dashtodockDashContainer\n #dashtodockDashScrollview:first-child,\n#dashtodockContainer.bottom.extended\n #dash\n #dashtodockDashContainer\n #dashtodockDashScrollview:first-child {\n padding-left: 0 !important;\n}\n\n#dashtodockContainer.top.extended\n #dash\n #dashtodockDashContainer\n #dashtodockDashScrollview:last-child,\n#dashtodockContainer.bottom.extended\n #dash\n #dashtodockDashContainer\n #dashtodockDashScrollview:last-child {\n padding-right: 0 !important;\n}\n\n#dashtodockContainer.top.extended\n #dash\n #dashtodockDashContainer\n > :first-child\n .show-apps,\n#dashtodockContainer.bottom.extended\n #dash\n #dashtodockDashContainer\n > :first-child\n .show-apps {\n padding-left: 6px !important;\n}\n\n#dashtodockContainer.top.extended\n #dash\n #dashtodockDashContainer\n > :last-child\n .show-apps,\n#dashtodockContainer.bottom.extended\n #dash\n #dashtodockDashContainer\n > :last-child\n .show-apps {\n padding-right: 14px !important;\n}\n\n#dashtodockContainer #dash {\n background: none;\n box-shadow: none;\n}\n\n#dashtodockContainer #dash .app-grid-running-dot {\n background-color: rgba(0, 0, 0, 0.75);\n margin: 0 !important;\n offset-y: 0 !important;\n}\n\n#dashtodockContainer #dash StWidget.focused .app-grid-running-dot {\n background-color: #0088ff;\n}\n\n#dashtodockContainer #dash .show-apps {\n margin: 0;\n}\n\n#dashtodockContainer #dash .show-apps:hover .overview-icon,\n#dashtodockContainer #dash .show-apps:focus .overview-icon,\n#dashtodockContainer #dash .overview-tile:hover .overview-icon,\n#dashtodockContainer #dash .overview-tile:focus .overview-icon {\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n#dashtodockContainer #dash .show-apps:active .overview-icon,\n#dashtodockContainer #dash .show-apps:highlighted .overview-icon,\n#dashtodockContainer #dash .show-apps:selected .overview-icon,\n#dashtodockContainer #dash .show-apps:checked .overview-icon,\n#dashtodockContainer #dash .overview-tile:active .overview-icon,\n#dashtodockContainer #dash .overview-tile:highlighted .overview-icon,\n#dashtodockContainer #dash .overview-tile:selected .overview-icon,\n#dashtodockContainer #dash .overview-tile:checked .overview-icon {\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n#dashtodockContainer #dash .dash-background {\n background-color: rgba(255, 255, 255, 0.1);\n border: none;\n box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);\n}\n\n#dashtodockContainer #dash .dash-separator {\n background-color: rgba(0, 0, 0, 0.12);\n}\n\n#dashtodockContainer:overview #dash {\n background: none;\n}\n\n#dashtodockContainer:overview #dash .show-apps,\n#dashtodockContainer:overview #dash .overview-tile {\n color: white;\n}\n\n#dashtodockContainer:overview #dash .show-apps:hover .overview-icon,\n#dashtodockContainer:overview #dash .show-apps:focus .overview-icon,\n#dashtodockContainer:overview #dash .show-apps:selected .overview-icon,\n#dashtodockContainer:overview #dash .overview-tile:hover .overview-icon,\n#dashtodockContainer:overview #dash .overview-tile:focus .overview-icon,\n#dashtodockContainer:overview #dash .overview-tile:selected .overview-icon {\n background-color: rgba(255, 255, 255, 0.12);\n}\n\n#dashtodockContainer:overview #dash .show-apps:active .overview-icon,\n#dashtodockContainer:overview #dash .show-apps:checked .overview-icon,\n#dashtodockContainer:overview #dash .overview-tile:active .overview-icon,\n#dashtodockContainer:overview #dash .overview-tile:checked .overview-icon {\n background-color: rgba(255, 255, 255, 0.2);\n}\n\n#dashtodockContainer:overview #dash .dash-background {\n background-color: rgba(255, 255, 255, 0.12);\n border: none;\n box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);\n}\n\n#dashtodockContainer:overview #dash .app-grid-running-dot {\n background-color: rgba(255, 255, 255, 0.85);\n}\n\n#dashtodockContainer:overview #dash StWidget.focused .app-grid-running-dot {\n background-color: #0088ff;\n}\n\n#dashtodockContainer.opaque:overview #dash,\n#dashtodockContainer.transparent:overview #dash {\n background-color: transparent;\n box-shadow: none;\n}\n\n#dashtodockContainer.opaque:overview .dash-background,\n#dashtodockContainer.transparent:overview .dash-background {\n background-color: transparent;\n}\n\n#dashtodockContainer.opaque.extended:overview #dash,\n#dashtodockContainer.transparent.extended:overview #dash {\n background: none;\n}\n\n#dashtodockContainer.opaque.extended:overview .dash-background,\n#dashtodockContainer.transparent.extended:overview .dash-background {\n background-color: transparent !important;\n border: none !important;\n box-shadow: none !important;\n}\n\n#dashtodockContainer.running-dots .dash-item-container > StButton,\n#dashtodockContainer.dashtodock .dash-item-container > StButton {\n transition-duration: 250ms;\n background-size: contain;\n}\n\n#dashtodockContainer.extended .overview-tile .overview-icon,\n#dashtodockContainer.extended .show-apps .overview-icon,\n#dashtodockContainer.extended:overview .overview-tile .overview-icon,\n#dashtodockContainer.extended:overview .show-apps .overview-icon {\n border-radius: 6px;\n}\n\n#dashtodockContainer .metro .overview-tile {\n border-radius: 0;\n}\n\n.dashtodock-app-well-preview-menu-item {\n padding: 1em 1em 0.5em 1em;\n}\n\n#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {\n width: 1px;\n height: auto;\n border-right-width: 1px;\n margin: 32px 0;\n}\n\n#preview-menu {\n margin: 0 6px 6px !important;\n padding-bottom: 8px !important;\n}\n\n#preview-menu,\n#preview-menu:hover,\n#preview-menu:selected {\n border-radius: 24px !important;\n}\n\n.openweather-button,\n.openweather-button-action,\n.openweather-menu-button-container,\n.openweather-button-box {\n border: 1px solid transparent !important;\n}\n\n.openweather-provider {\n padding: 0 16px;\n font-weight: 500;\n color: #242424;\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n border: 1px solid transparent !important;\n}\n\n.openweather-provider:hover {\n color: #242424;\n background-color: rgba(0, 0, 0, 0.12);\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.openweather-provider:focus {\n color: #242424;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.openweather-provider:focus,\n.openweather-provider:focus:hover,\n.openweather-provider:focus:active {\n box-shadow: none !important;\n}\n\n.openweather-provider:active {\n color: #242424;\n background-color: rgba(0, 0, 0, 0.2);\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n icon-shadow: none;\n}\n\n.openweather-current-icon,\n.openweather-current-summary,\n.openweather-current-summarybox {\n background: none;\n color: #242424;\n}\n\n.openweather-current-databox-values {\n background: none;\n color: #565656;\n}\n\n.openweather-current-databox-captions {\n background: none;\n color: #565656;\n}\n\n.openweather-forecast-icon,\n.openweather-forecast-summary {\n background: none;\n color: #424242;\n}\n\n.openweather-forecast-day,\n.openweather-forecast-temperature {\n background: none;\n color: #565656;\n}\n\n.openweather-sunrise-icon,\n.openweather-sunset-icon,\n.openweather-build-icon {\n color: #424242;\n}\n\n.gsconnect-device-menu {\n background-color: rgba(0, 0, 0, 0.05);\n border-radius: 6px;\n margin: 0 3px;\n padding: 6px 0;\n box-shadow: none;\n}\n\n.gsconnect-device-menu .popup-menu-item {\n margin: 0 3px !important;\n height: 16px !important;\n border-radius: 6px !important;\n}\n\n.gsconnect-device-menu .popup-menu-item:hover {\n color: #242424 !important;\n background-color: rgba(36, 36, 36, 0.1) !important;\n}\n\n.gsconnect-device-menu .popup-menu-item > :first-child:ltr {\n padding-left: 0 !important;\n margin-left: 0 !important;\n}\n\n.gsconnect-device-menu .popup-menu-item > :first-child:rtl {\n padding-right: 0 !important;\n margin-right: 0 !important;\n}\n\n.cosmic-solid-bg {\n background-color: #222222;\n}\n\n.cosmic-dock #dock {\n background-color: transparent;\n}\n\n.cosmic-dock #dock .dash-background {\n background-color: rgba(255, 255, 255, 0.1);\n border: 1px solid rgba(0, 0, 0, 0.08);\n box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);\n}\n\n.cosmic-dock.extended #dash {\n margin-left: 0;\n margin-right: 0;\n margin-top: 0;\n margin-bottom: 0;\n padding: 0 0;\n}\n\n.cosmic-dock.extended #dash .dash-background {\n border-radius: 0;\n margin-left: 0;\n margin-right: 0;\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.place-menu-item:ltr {\n padding-left: 0 !important;\n padding-right: 20px !important;\n}\n\n.place-menu-item:rtl {\n padding-right: 0 !important;\n padding-left: 20px !important;\n}\n\n.place-menu-item StLabel {\n margin-left: 2px;\n}\n\n.place-menu-item .button {\n border-radius: 9999px;\n padding: 2px;\n}\n\n.place-menu-item .button:ltr {\n margin-left: 0 !important;\n}\n\n.place-menu-item .button:rtl {\n margin-right: 0 !important;\n}\n\n.popup-menu-container {\n padding: 8px !important;\n min-width: 20em !important;\n}\n\n.popup-menu-control-icon {\n min-height: 24px !important;\n min-width: 24px !important;\n border-radius: 9999px !important;\n}\n\n.popup-menu-player-icons-icon {\n background: rgba(0, 0, 0, 0.12) !important;\n}\n" }, { "path": "gtk/Tahoe-Light/gnome-shell/pad-osd.css", "content": ".Leader {\n stroke-width: .5 !important;\n stroke: #333333;\n fill: none !important;\n}\n\n.Button {\n stroke-width: .25;\n stroke: #ededed;\n fill: #ededed;\n}\n\n.Ring {\n stroke-width: .5 !important;\n stroke: #333333 !important;\n fill: none !important;\n}\n\n.Label {\n stroke: none !important;\n stroke-width: .1 !important;\n font-size: .1 !important;\n fill: transparent !important;\n}\n\n.TouchStrip, .TouchRing {\n stroke-width: .1 !important;\n stroke: #ededed !important;\n fill: #333333 !important;\n}\n" }, { "path": "gtk/Tahoe-Light/gtk-3.0/gtk-dark.css", "content": "@import url(\"resource:///org/gnome/theme/gtk-dark.css\");\n" }, { "path": "gtk/Tahoe-Light/gtk-3.0/gtk.css", "content": "@import url(\"resource:///org/gnome/theme/gtk.css\");\n" }, { "path": "gtk/Tahoe-Light/gtk-3.0/libadwaita-tweaks.css", "content": "/*\n This file will fix some legacy widget styles that aren't styled in libadwaita\n*/\n\n@define-color accent_bg_color @blue_3;\n@define-color accent_fg_color white;\n\n/* add a bg color to notebook headers */\nnotebook > header {\n background-color: @headerbar_bg_color;\n border-color: mix(currentColor,@window_bg_color,0.85);\n}\n\n:root {\n --accent-blue: #3584e4;\n --accent-teal: #2190a4;\n --accent-green: #3a944a;\n --accent-yellow: #c88800;\n --accent-orange: #ed5b00;\n --accent-red: #e62d42;\n --accent-pink: #d56199;\n --accent-purple: #9141ac;\n --accent-slate: #6f8396;\n\n --accent-color: var(--accent-bg-color);\n --accent-bg-color: var(--accent-blue);\n --accent-fg-color: @accent_fg_color;\n}\n" }, { "path": "gtk/Tahoe-Light/gtk-3.0/libadwaita.css", "content": ":root { --blue-1: #99c1f1; --blue-2: #62a0ea; --blue-3: #3584e4; --blue-4: #1c71d8; --blue-5: #1a5fb4; --green-1: #8ff0a4; --green-2: #57e389; --green-3: #33d17a; --green-4: #2ec27e; --green-5: #26a269; --yellow-1: #f9f06b; --yellow-2: #f8e45c; --yellow-3: #f6d32d; --yellow-4: #f5c211; --yellow-5: #e5a50a; --orange-1: #ffbe6f; --orange-2: #ffa348; --orange-3: #ff7800; --orange-4: #e66100; --orange-5: #c64600; --red-1: #f66151; --red-2: #ed333b; --red-3: #e01b24; --red-4: #c01c28; --red-5: #a51d2d; --purple-1: #dc8add; --purple-2: #c061cb; --purple-3: #9141ac; --purple-4: #813d9c; --purple-5: #613583; --brown-1: #cdab8f; --brown-2: #b5835a; --brown-3: #986a44; --brown-4: #865e3c; --brown-5: #63452c; --light-1: #ffffff; --light-2: #f6f5f4; --light-3: #deddda; --light-4: #c0bfbc; --light-5: #9a9996; --dark-1: #77767b; --dark-2: #5e5c64; --dark-3: #3d3846; --dark-4: #241f31; --dark-5: #000000; }\n\n@define-color blue_1 #99c1f1;\n@define-color blue_2 #62a0ea;\n@define-color blue_3 #3584e4;\n@define-color blue_4 #1c71d8;\n@define-color blue_5 #1a5fb4;\n@define-color green_1 #8ff0a4;\n@define-color green_2 #57e389;\n@define-color green_3 #33d17a;\n@define-color green_4 #2ec27e;\n@define-color green_5 #26a269;\n@define-color yellow_1 #f9f06b;\n@define-color yellow_2 #f8e45c;\n@define-color yellow_3 #f6d32d;\n@define-color yellow_4 #f5c211;\n@define-color yellow_5 #e5a50a;\n@define-color orange_1 #ffbe6f;\n@define-color orange_2 #ffa348;\n@define-color orange_3 #ff7800;\n@define-color orange_4 #e66100;\n@define-color orange_5 #c64600;\n@define-color red_1 #f66151;\n@define-color red_2 #ed333b;\n@define-color red_3 #e01b24;\n@define-color red_4 #c01c28;\n@define-color red_5 #a51d2d;\n@define-color purple_1 #dc8add;\n@define-color purple_2 #c061cb;\n@define-color purple_3 #9141ac;\n@define-color purple_4 #813d9c;\n@define-color purple_5 #613583;\n@define-color brown_1 #cdab8f;\n@define-color brown_2 #b5835a;\n@define-color brown_3 #986a44;\n@define-color brown_4 #865e3c;\n@define-color brown_5 #63452c;\n@define-color light_1 #ffffff;\n@define-color light_2 #f6f5f4;\n@define-color light_3 #deddda;\n@define-color light_4 #c0bfbc;\n@define-color light_5 #9a9996;\n@define-color dark_1 #77767b;\n@define-color dark_2 #5e5c64;\n@define-color dark_3 #3d3846;\n@define-color dark_4 #241f31;\n@define-color dark_5 #000000;\n:root { --accent-blue: #3584e4; --accent-teal: #2190a4; --accent-green: #3a944a; --accent-yellow: #c88800; --accent-orange: #ed5b00; --accent-red: #e62d42; --accent-pink: #d56199; --accent-purple: #9141ac; --accent-slate: #6f8396; --accent-bg-color: @accent_bg_color; --accent-fg-color: @accent_fg_color; --destructive-bg-color: @destructive_bg_color; --destructive-fg-color: @destructive_fg_color; --success-bg-color: @success_bg_color; --success-fg-color: @success_fg_color; --warning-bg-color: @warning_bg_color; --warning-fg-color: @warning_fg_color; --error-bg-color: @error_bg_color; --error-fg-color: @error_fg_color; --window-bg-color: @window_bg_color; --window-fg-color: @window_fg_color; --view-bg-color: @view_bg_color; --view-fg-color: @view_fg_color; --headerbar-bg-color: @headerbar_bg_color; --headerbar-fg-color: @headerbar_fg_color; --headerbar-border-color: @headerbar_border_color; --headerbar-backdrop-color: @headerbar_backdrop_color; --headerbar-shade-color: @headerbar_shade_color; --headerbar-darker-shade-color: @headerbar_darker_shade_color; --sidebar-bg-color: @sidebar_bg_color; --sidebar-fg-color: @sidebar_fg_color; --sidebar-backdrop-color: @sidebar_backdrop_color; --sidebar-border-color: @sidebar_border_color; --sidebar-shade-color: @sidebar_shade_color; --secondary-sidebar-bg-color: @secondary_sidebar_bg_color; --secondary-sidebar-fg-color: @secondary_sidebar_fg_color; --secondary-sidebar-backdrop-color: @secondary_sidebar_backdrop_color; --secondary-sidebar-border-color: @secondary_sidebar_border_color; --secondary-sidebar-shade-color: @secondary_sidebar_shade_color; --card-bg-color: @card_bg_color; --card-fg-color: @card_fg_color; --card-shade-color: @card_shade_color; --dialog-bg-color: @dialog_bg_color; --dialog-fg-color: @dialog_fg_color; --popover-bg-color: @popover_bg_color; --popover-fg-color: @popover_fg_color; --popover-shade-color: @popover_shade_color; --thumbnail-bg-color: @thumbnail_bg_color; --thumbnail-fg-color: @thumbnail_fg_color; --shade-color: @shade_color; --scrollbar-outline-color: @scrollbar_outline_color; }\n\n:root { --border-color: color-mix(in srgb, currentColor var(--border-opacity), transparent); --border-opacity: 15%; --dim-opacity: 55%; --disabled-opacity: 50%; }\n\n:root { --window-radius: 15px; }\n\n.background { color: var(--window-fg-color); background-color: var(--window-bg-color); }\n\ndnd { color: var(--window-fg-color); }\n\n.normal-icons { -gtk-icon-size: 16px; }\n\n.large-icons { -gtk-icon-size: 32px; }\n\n.osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents, .app-notification, dialog-host > dialog.osd:not(progressbar):not(button):not(menubutton):not(splitbutton) sheet, .osd:not(progressbar):not(button):not(menubutton):not(splitbutton):not(inline-view-switcher) { --accent-bg-color: RGB(255 255 255 / 75%); --accent-fg-color: RGB(0 0 0 / 75%); --scrollbar-outline-color: RGB(0 0 0 / 50%); --standalone-color-oklab: Max(l, 0.85) a b; --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab)); --destructive-color: oklab(from var(--destructive-bg-color) var(--standalone-color-oklab)); --success-color: oklab(from var(--success-bg-color) var(--standalone-color-oklab)); --warning-color: oklab(from var(--warning-bg-color) var(--standalone-color-oklab)); --error-color: oklab(from var(--error-bg-color) var(--standalone-color-oklab)); color: RGB(255 255 255/90%); border: none; background-color: RGB(0 0 0/70%); background-clip: padding-box; }\n\n/* Text selection */\nselection { background-color: color-mix(in srgb, var(--view-fg-color) 10%, transparent); color: transparent; }\n\nselection:focus-within { background-color: color-mix(in srgb, var(--accent-bg-color) 30%, transparent); }\n\n:not(window):drop(active):focus, :not(window):drop(active) { border-color: var(--accent-bg-color); box-shadow: inset 0 0 0 1px var(--accent-bg-color); caret-color: var(--accent-bg-color); }\n\n.navigation-sidebar :not(window):drop(active):focus, .navigation-sidebar :not(window):drop(active), placessidebar :not(window):drop(active):focus, placessidebar :not(window):drop(active), stackswitcher :not(window):drop(active):focus, stackswitcher :not(window):drop(active), expander-widget :not(window):drop(active):focus, expander-widget :not(window):drop(active) { box-shadow: none; }\n\n/* Outline for low res icons */\n.lowres-icon { -gtk-icon-shadow: 0 -1px RGB(0 0 6/5%), 1px 0 RGB(0 0 6/10%), 0 1px RGB(0 0 6/30%), -1px 0 RGB(0 0 6/10%); }\n\n/* Drop shadow for large icons */\n.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px RGB(0 0 6/5%), 0 -1px RGB(0 0 6/5%), 1px 0 RGB(0 0 6/10%), 0 1px RGB(0 0 6/30%), -1px 0 RGB(0 0 6/10%); }\n\n@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, var(--accent-color) 0%, transparent 0%); }\n to { background-image: radial-gradient(farthest-side, var(--accent-color) 95%, transparent); } }\n\nstacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, var(--accent-color) 96%, transparent); background-size: 6px 6px; background-repeat: no-repeat; background-position: right 3px; }\n\nstacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px; }\n\navatar { border-radius: 9999px; font-weight: bold; }\n\navatar.color1 { background-image: linear-gradient(#83b6ec, #337fdc); color: #cfe1f5; }\n\navatar.color2 { background-image: linear-gradient(#7ad9f1, #0f9ac8); color: #caeaf2; }\n\navatar.color3 { background-image: linear-gradient(#8de6b1, #29ae74); color: #cef8d8; }\n\navatar.color4 { background-image: linear-gradient(#b5e98a, #6ab85b); color: #e6f9d7; }\n\navatar.color5 { background-image: linear-gradient(#f8e359, #d29d09); color: #f9f4e1; }\n\navatar.color6 { background-image: linear-gradient(#ffcb62, #d68400); color: #ffead1; }\n\navatar.color7 { background-image: linear-gradient(#ffa95a, #ed5b00); color: #ffe5c5; }\n\navatar.color8 { background-image: linear-gradient(#f78773, #e62d42); color: #f8d2ce; }\n\navatar.color9 { background-image: linear-gradient(#e973ab, #e33b6a); color: #fac7de; }\n\navatar.color10 { background-image: linear-gradient(#cb78d4, #9945b5); color: #e7c2e8; }\n\navatar.color11 { background-image: linear-gradient(#9e91e8, #7a59ca); color: #d5d2f5; }\n\navatar.color12 { background-image: linear-gradient(#e3cf9c, #b08952); color: #f2eade; }\n\navatar.color13 { background-image: linear-gradient(#be916d, #785336); color: #e5d6ca; }\n\navatar.color14 { background-image: linear-gradient(#c0bfbc, #6e6d71); color: #d8d7d3; }\n\navatar.contrasted { color: white; }\n\navatar.image { background: none; }\n\nbottom-sheet > dimming { background-color: RGB(from var(--shade-color) r g b/calc(alpha * 2)); }\n\nbottom-sheet > sheet { box-shadow: 0 2px 8px 2px RGB(0 0 6/7%), 0 3px 20px 10px RGB(0 0 6/5%), 0 6px 32px 16px RGB(0 0 6/2%), 0 0 0 1px RGB(0 0 6 / 5%); transition: border-radius 100ms ease-out, box-shadow 250ms ease; }\n\nbottom-sheet > sheet > stack > widget > drag-handle { background-color: color-mix(in srgb, currentColor 25%, transparent); min-width: 54px; min-height: 6px; margin: 15px; border-radius: 99px; }\n\nbottom-sheet > sheet > outline { box-shadow: inset 1px 0 RGB(255 255 255/7%), inset -1px 0 RGB(255 255 255/7%), inset 0 1px RGB(255 255 255/7%); transition: border-radius 100ms ease-out; }\n\nbottom-sheet > sheet > stack > button { border-radius: 0; padding: 0; min-width: 0; min-height: 0; font-weight: inherit; background: none; box-shadow: none; }\n\nbottom-sheet > sheet > stack > button { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nbottom-sheet > sheet > stack > button:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 0; }\n\nbottom-sheet > sheet > stack > button:hover { background: color-mix(in srgb, currentColor 4%, transparent); }\n\nbottom-sheet > sheet > stack > button.keyboard-activating, bottom-sheet > sheet > stack > button:active { background: color-mix(in srgb, currentColor 8%, transparent); }\n\nbottom-sheet > sheet > stack > button.inert:hover, bottom-sheet > sheet > stack > button.inert:active, bottom-sheet > sheet > stack > button.inert.keyboard-activating { background: none; }\n\nbottom-sheet > sheet, bottom-sheet > sheet > outline, bottom-sheet > sheet > stack > widget, bottom-sheet > sheet > stack > button, bottom-sheet > sheet > stack > button > widget { border-top-left-radius: 15px; border-top-right-radius: 15px; }\n\nbottom-sheet > sheet.flush-left > outline { box-shadow: inset -1px 0 RGB(255 255 255/7%), inset 0 1px RGB(255 255 255/7%); }\n\nbottom-sheet > sheet.flush-right > outline { box-shadow: inset 1px 0 RGB(255 255 255/7%), inset 0 1px RGB(255 255 255/7%); }\n\nbottom-sheet > sheet.flush-left.flush-right > outline { box-shadow: inset 0 1px RGB(255 255 255/7%); }\n\nbottom-sheet > sheet.bottom-bar { box-shadow: 0 0 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent), 0 2px 8px 2px var(--shade-color), 0 3px 20px 10px RGB(0 0 6/5%), 0 6px 32px 16px RGB(0 0 6/2%); }\n\nbottom-sheet > sheet.bottom-bar.hidden { box-shadow: none; }\n\nbottom-sheet > sheet.bottom-bar.flush-left, bottom-sheet > sheet.bottom-bar.flush-left > outline, bottom-sheet > sheet.bottom-bar.flush-left > stack > widget, bottom-sheet > sheet.bottom-bar.flush-left > stack > button, bottom-sheet > sheet.bottom-bar.flush-left > stack > button > widget { border-top-left-radius: 0; }\n\nbottom-sheet > sheet.bottom-bar.flush-right, bottom-sheet > sheet.bottom-bar.flush-right > outline, bottom-sheet > sheet.bottom-bar.flush-right > stack > widget, bottom-sheet > sheet.bottom-bar.flush-right > stack > button, bottom-sheet > sheet.bottom-bar.flush-right > stack > button > widget { border-top-right-radius: 0; }\n\nbottom-sheet > sheet.bottom-bar > outline, bottom-sheet > sheet.bottom-bar > stack > widget, bottom-sheet > sheet.bottom-bar > stack > button, bottom-sheet > sheet.bottom-bar > stack > button > widget, bottom-sheet > sheet.bottom-bar.flush-left > outline, bottom-sheet > sheet.bottom-bar.flush-left > stack > widget, bottom-sheet > sheet.bottom-bar.flush-left > stack > button, bottom-sheet > sheet.bottom-bar.flush-left > stack > button > widget, bottom-sheet > sheet.bottom-bar.flush-right > outline, bottom-sheet > sheet.bottom-bar.flush-right > stack > widget, bottom-sheet > sheet.bottom-bar.flush-right > stack > button, bottom-sheet > sheet.bottom-bar.flush-right > stack > button > widget, bottom-sheet > sheet.bottom-bar.flush-left.flush-right > outline, bottom-sheet > sheet.bottom-bar.flush-left.flush-right > stack > widget, bottom-sheet > sheet.bottom-bar.flush-left.flush-right > stack > button, bottom-sheet > sheet.bottom-bar.flush-left.flush-right > stack > button > widget { box-shadow: none; }\n\nbottom-sheet > sheet.has-drag-handle toolbarview .top-bar > windowhandle { min-height: 36px; }\n\nbottom-sheet > sheet.has-drag-handle toolbarview toolbarview .top-bar > windowhandle { min-height: 0; }\n\nnotebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { min-height: 24px; min-width: 16px; padding: 5px 10px; border-radius: 9px; font-weight: bold; }\n\nnotebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nnotebook > header > tabs > arrow:focus:focus-visible, row.spin spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:focus:focus-visible, button:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\nactionbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar popover menubutton.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay, button { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\nactionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:hover, button:hover { background-color: color-mix(in srgb, currentColor 15%, transparent); }\n\nactionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.arrow-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.keyboard-activating.image-text-button:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.keyboard-activating, notebook > header > tabs > arrow:active, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:active, button.keyboard-activating, button:active { background-color: color-mix(in srgb, currentColor 30%, transparent); }\n\nactionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked, button:checked { background-color: color-mix(in srgb, currentColor 30%, transparent); }\n\nactionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, row.spin spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:hover, button:checked:hover { background-color: color-mix(in srgb, currentColor 35%, transparent); }\n\nactionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar popover menubutton:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.arrow-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar popover button.image-text-button:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.raised > button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar .linked button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, row.spin spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked.keyboard-activating, notebook > header > tabs > arrow:checked:active, row.spin spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:checked:active, button:checked.keyboard-activating, button:checked:active { background-color: color-mix(in srgb, currentColor 40%, transparent); }\n\nnotebook > header > tabs > arrow:disabled, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:disabled, button:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nnotebook > header > tabs > arrow:disabled label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) label, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, colorswatch#add-color-button > overlay:disabled label, button:disabled label { filter: none; }\n\nnotebook > header > tabs > arrow.image-button, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }\n\nnotebook > header > tabs > arrow.text-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button, button.text-button { padding-left: 17px; padding-right: 17px; }\n\nnotebook > header > tabs > arrow.text-button.image-button, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.text-button.image-button, notebook > header > tabs > arrow.image-text-button, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.image-text-button, button.text-button.image-button, button.image-text-button { padding-left: 9px; padding-right: 9px; }\n\nnotebook > header > tabs > arrow.text-button.image-button > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.text-button.image-button > box, notebook > header > tabs > arrow.text-button.image-button > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.text-button.image-button > box > box, notebook > header > tabs > arrow.image-text-button > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.image-text-button > box, notebook > header > tabs > arrow.image-text-button > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box, colorswatch#add-color-button > overlay.image-text-button > box > box, button.text-button.image-button > box, button.text-button.image-button > box > box, button.image-text-button > box, button.image-text-button > box > box { border-spacing: 4px; }\n\nnotebook > header > tabs > arrow.text-button.image-button > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > label, notebook > header > tabs > arrow.text-button.image-button > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.text-button.image-button > box > box > label, notebook > header > tabs > arrow.image-text-button > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > label, colorswatch#add-color-button > overlay.image-text-button > box > label, notebook > header > tabs > arrow.image-text-button > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box > box > label, row.spin spinbutton > button.image-text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box > box > label, colorswatch#add-color-button > overlay.image-text-button > box > box > label, button.text-button.image-button > box > label, button.text-button.image-button > box > box > label, button.image-text-button > box > label, button.image-text-button > box > box > label { padding-left: 2px; padding-right: 2px; }\n\nnotebook > header > tabs > arrow.arrow-button, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay.arrow-button, button.arrow-button { padding-left: 9px; padding-right: 9px; }\n\nnotebook > header > tabs > arrow.arrow-button > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr) > box, row.spin spinbutton > button.arrow-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button > box, button.arrow-button > box { border-spacing: 4px; }\n\nnotebook > header > tabs > arrow.arrow-button.text-button > box, row.spin spinbutton > button.arrow-button.text-button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child > box, row.spin spinbutton > button.arrow-button.text-button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child > box, colorswatch#add-color-button > overlay.arrow-button.text-button > box, button.arrow-button.text-button > box { border-spacing: 4px; }\n\ndropdown:drop(active) button.combo, combobox:drop(active) button.combo, searchbar > revealer > box .close:drop(active), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:drop(active), actionbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), popover.menu box.circular-buttons button.circular.image-button.model:drop(active), popover.menu box.inline-buttons button.image-button.model:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), filechooser #pathbarbox > stack > box > box > button:drop(active), filechooser #pathbarbox > stack > box > menubutton > button:drop(active), button.sidebar-button:drop(active), button.emoji-section.image-button:drop(active):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:drop(active), calendar > header > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:drop(active), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:drop(active), splitbutton.flat > button:drop(active), splitbutton.flat > menubutton > button:drop(active), menubutton.flat > button:drop(active), button.flat:drop(active), menubutton.osd > button:drop(active), button.osd:drop(active), notebook > header > tabs > arrow:drop(active), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:drop(active):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, colorswatch#add-color-button > overlay:drop(active), button:drop(active) { color: var(--accent-bg-color); box-shadow: inset 0 0 0 2px var(--accent-bg-color); }\n\nmenubutton.osd > button, button.osd { min-width: 32px; min-height: 32px; color: RGB(255 255 255/90%); background-color: RGB(0 0 0/65%); }\n\nmenubutton.osd > button, button.osd { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nmenubutton.osd > button:focus:focus-visible, button.osd:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 1px; }\n\nmenubutton.osd > button:hover, button.osd:hover { color: white; background-color: color-mix(in srgb, black calc(0.85 * 65%), currentColor calc(0.15 * 65%)); }\n\nmenubutton.osd > button.keyboard-activating, menubutton.osd > button:active, button.osd.keyboard-activating, button.osd:active { color: white; background-color: color-mix(in srgb, black calc(0.75 * 65%), currentColor calc(0.25 * 65%)); }\n\nmenubutton.osd > button:checked, button.osd:checked { background-color: color-mix(in srgb, black calc(0.8 * 65%), currentColor calc(0.2 * 65%)); }\n\nmenubutton.osd > button:checked:hover, button.osd:checked:hover { background-color: color-mix(in srgb, black calc(0.75 * 65%), currentColor calc(0.25 * 65%)); }\n\nmenubutton.osd > button:checked.keyboard-activating, menubutton.osd > button:checked:active, button.osd:checked.keyboard-activating, button.osd:checked:active { background-color: color-mix(in srgb, black calc(0.65 * 65%), currentColor calc(0.35 * 65%)); }\n\nactionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.opaque > button, button.suggested-action, button.opaque { box-shadow: none; }\n\nactionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.opaque > button, button.suggested-action, button.opaque { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nactionbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:focus:focus-visible, splitbutton.suggested-action > menubutton > button:focus:focus-visible, splitbutton.opaque > button:focus:focus-visible, splitbutton.opaque > menubutton > button:focus:focus-visible, menubutton.suggested-action > button:focus:focus-visible, menubutton.opaque > button:focus:focus-visible, button.suggested-action:focus:focus-visible, button.opaque:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 1px; }\n\nactionbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.opaque > button:hover, button.suggested-action:hover, button.opaque:hover { background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }\n\nactionbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating, button.keyboard-activating.suggested-action, button.keyboard-activating.opaque, actionbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.opaque > button:active, button.suggested-action:active, button.opaque:active { background-image: image(RGB(0 0 6/20%)); }\n\nactionbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.opaque > button:checked, button.suggested-action:checked, button.opaque:checked { background-image: image(RGB(0 0 6/15%)); }\n\nactionbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.opaque > button:checked:hover, button.suggested-action:checked:hover, button.opaque:checked:hover { background-image: image(RGB(0 0 6/5%)); }\n\nactionbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.opaque > button:checked.keyboard-activating, splitbutton.opaque > menubutton > button:checked.keyboard-activating, menubutton.suggested-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, actionbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.opaque:checked:active { background-image: image(RGB(0 0 6/30%)); }\n\nactionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, menubutton.destructive-action > button, button.destructive-action { --accent-bg-color: var(--destructive-bg-color); --accent-fg-color: var(--destructive-fg-color); --accent-color: var(--destructive-color); color: var(--accent-color); background-color: color-mix(in srgb, currentColor 15%, transparent); }\n\nactionbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, menubutton.destructive-action > button:hover, button.destructive-action:hover { background-color: color-mix(in srgb, currentColor 20%, transparent); }\n\nactionbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, menubutton.destructive-action > button:active, button.destructive-action:active, actionbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, button.keyboard-activating.destructive-action { background-color: color-mix(in srgb, currentColor 35%, transparent); }\n\nactionbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, menubutton.destructive-action > button:checked, button.destructive-action:checked { background-color: color-mix(in srgb, currentColor 35%, transparent); }\n\nactionbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, menubutton.destructive-action > button:checked:hover, button.destructive-action:checked:hover { background-color: color-mix(in srgb, currentColor 40%, transparent); }\n\nactionbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-action > menubutton > button:checked.keyboard-activating, menubutton.destructive-action > button:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, actionbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.destructive-action > button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, menubutton.destructive-action > button:checked:active, button.destructive-action:checked:active { background-color: color-mix(in srgb, currentColor 45%, transparent); }\n\nbutton.opaque { background-color: color-mix(in srgb, var(--window-bg-color) 85%, var(--window-fg-color)); color: var(--window-fg-color); }\n\nbutton.suggested-action { color: var(--accent-fg-color); }\n\nbutton.suggested-action, button.suggested-action:checked { background-color: var(--accent-bg-color); }\n\nsearchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { background: transparent; box-shadow: none; }\n\nsearchbar > revealer > box .close, actionbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar menubutton.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, filechooser #pathbarbox > stack > box > button, filechooser #pathbarbox > stack > box > box > button, filechooser #pathbarbox > stack > box > menubutton > button, button.sidebar-button, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close, calendar > header > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, button.flat { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nsearchbar > revealer > box .close:focus:focus-visible, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:focus:focus-visible, actionbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:focus:focus-visible:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:focus:focus-visible, popover.menu box.circular-buttons button.circular.image-button.model:focus:focus-visible, popover.menu box.inline-buttons button.image-button.model:focus:focus-visible, filechooser #pathbarbox > stack > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > box > button:focus:focus-visible, filechooser #pathbarbox > stack > box > menubutton > button:focus:focus-visible, button.sidebar-button:focus:focus-visible, button.emoji-section.image-button:focus:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:focus:focus-visible, calendar > header > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:focus:focus-visible, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:focus:focus-visible, splitbutton.flat > button:focus:focus-visible, splitbutton.flat > menubutton > button:focus:focus-visible, menubutton.flat > button:focus:focus-visible, button.flat:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\nsearchbar > revealer > box .close:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:hover, actionbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover, filechooser #pathbarbox > stack > box > button:hover, filechooser #pathbarbox > stack > box > box > button:hover, filechooser #pathbarbox > stack > box > menubutton > button:hover, button.sidebar-button:hover, button.emoji-section.image-button:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:hover, calendar > header > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:hover, splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, button.flat:hover { background: color-mix(in srgb, currentColor 7%, transparent); }\n\nsearchbar > revealer > box .keyboard-activating.close, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button.keyboard-activating, actionbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.arrow-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.keyboard-activating.image-text-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow.keyboard-activating, popover.menu box.circular-buttons button.keyboard-activating.circular.image-button.model, popover.menu box.inline-buttons button.keyboard-activating.image-button.model, filechooser #pathbarbox > stack > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > box > button.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button.keyboard-activating, button.keyboard-activating.sidebar-button, button.keyboard-activating.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .keyboard-activating.close, calendar > header > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button.keyboard-activating, splitbutton.flat > button.keyboard-activating, splitbutton.flat > menubutton > button.keyboard-activating, menubutton.flat > button.keyboard-activating, searchbar > revealer > box .close:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:active, actionbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:active, popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, filechooser #pathbarbox > stack > box > button:active, filechooser #pathbarbox > stack > box > box > button:active, filechooser #pathbarbox > stack > box > menubutton > button:active, button.sidebar-button:active, button.emoji-section.image-button:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:active, calendar > header > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:active, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, button.flat.keyboard-activating, button.flat:active { background: color-mix(in srgb, currentColor 16%, transparent); }\n\nsearchbar > revealer > box .close:checked, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked, actionbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked, filechooser #pathbarbox > stack > box > button:checked, filechooser #pathbarbox > stack > box > box > button:checked, filechooser #pathbarbox > stack > box > menubutton > button:checked, button.sidebar-button:checked, button.emoji-section.image-button:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked, calendar > header > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked, splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, button.flat:checked { background: color-mix(in srgb, currentColor 10%, transparent); }\n\nsearchbar > revealer > box .close:checked:hover, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:hover, actionbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:hover, popover.menu box.circular-buttons button.circular.image-button.model:checked:hover, popover.menu box.inline-buttons button.image-button.model:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, filechooser #pathbarbox > stack > box > box > button:checked:hover, filechooser #pathbarbox > stack > box > menubutton > button:checked:hover, button.sidebar-button:checked:hover, button.emoji-section.image-button:checked:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:hover, calendar > header > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:hover, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:hover, splitbutton.flat > button:checked:hover, splitbutton.flat > menubutton > button:checked:hover, menubutton.flat > button:checked:hover, button.flat:checked:hover { background: color-mix(in srgb, currentColor 13%, transparent); }\n\nsearchbar > revealer > box .close:checked.keyboard-activating, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked.keyboard-activating, actionbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked.keyboard-activating:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked.keyboard-activating, popover.menu box.circular-buttons button.circular.image-button.model:checked.keyboard-activating, popover.menu box.inline-buttons button.image-button.model:checked.keyboard-activating, filechooser #pathbarbox > stack > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > box > button:checked.keyboard-activating, filechooser #pathbarbox > stack > box > menubutton > button:checked.keyboard-activating, button.sidebar-button:checked.keyboard-activating, button.emoji-section.image-button:checked.keyboard-activating:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked.keyboard-activating, calendar > header > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked.keyboard-activating, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked.keyboard-activating, splitbutton.flat > button:checked.keyboard-activating, splitbutton.flat > menubutton > button:checked.keyboard-activating, menubutton.flat > button:checked.keyboard-activating, searchbar > revealer > box .close:checked:active, actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:checked:active, actionbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:checked:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:checked:active, popover.menu box.circular-buttons button.circular.image-button.model:checked:active, popover.menu box.inline-buttons button.image-button.model:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, filechooser #pathbarbox > stack > box > box > button:checked:active, filechooser #pathbarbox > stack > box > menubutton > button:checked:active, button.sidebar-button:checked:active, button.emoji-section.image-button:checked:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:checked:active, calendar > header > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:checked:active, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:checked:active, splitbutton.flat > button:checked:active, splitbutton.flat > menubutton > button:checked:active, menubutton.flat > button:checked:active, button.flat:checked.keyboard-activating, button.flat:checked:active { background: color-mix(in srgb, currentColor 19%, transparent); }\n\nsearchbar > revealer > box .close:disabled:not(:checked), actionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button > button:disabled:not(:checked), actionbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.arrow-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar button.image-text-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.up:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:disabled:not(:checked):not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), notebook > header > tabs > arrow:disabled:not(:checked), popover.menu box.circular-buttons button.circular.image-button.model:disabled:not(:checked), popover.menu box.inline-buttons button.image-button.model:disabled:not(:checked), filechooser #pathbarbox > stack > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > box > button:disabled:not(:checked), filechooser #pathbarbox > stack > box > menubutton > button:disabled:not(:checked), button.sidebar-button:disabled:not(:checked), button.emoji-section.image-button:disabled:not(:checked):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), infobar .close:disabled:not(:checked), calendar > header > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled:not(:checked), actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled:not(:checked), splitbutton.flat > button:disabled:not(:checked), splitbutton.flat > menubutton > button:disabled:not(:checked), menubutton.flat > button:disabled:not(:checked), button.flat:disabled:not(:checked) { filter: opacity(30%); }\n\nstackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }\n\nstackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }\n\nstackswitcher > button.text-button { min-width: 100px; }\n\nbutton.font separator { background-color: transparent; }\n\nbutton.font > box { border-spacing: 6px; }\n\nbutton.font > box > box > label { font-weight: bold; }\n\nrow.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), menubutton.circular > button, button.circular { min-width: 34px; min-height: 34px; padding: 0; border-radius: 9999px; }\n\nrow.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, button.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, menubutton.circular > button label, button.circular label { padding: 0; }\n\nmenubutton.pill > button, button.pill { padding: 10px 32px; border-radius: 9999px; }\n\nbutton.card { background-color: var(--card-bg-color); background-clip: padding-box; font-weight: inherit; padding: 0; }\n\nbutton.card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nbutton.card:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -1px; }\n\nbutton.card:hover { background-image: image(color-mix(in srgb, currentColor 4%, transparent)); }\n\nbutton.card.keyboard-activating, button.card:active { background-image: image(color-mix(in srgb, currentColor 8%, transparent)); }\n\nbutton.card:checked { background-color: var(--card-bg-color); background-image: image(color-mix(in srgb, var(--accent-bg-color) 25%, transparent)); }\n\nbutton.card:checked:hover { background-image: image(color-mix(in srgb, var(--accent-bg-color) 32%, transparent)); }\n\nbutton.card:checked.keyboard-activating, button.card:checked:active { background-image: image(color-mix(in srgb, var(--accent-bg-color) 39%, transparent)); }\n\nbutton.card:checked.has-open-popup { background-image: image(color-mix(in srgb, var(--accent-bg-color) 32%, transparent)); }\n\n.osd button.card:checked { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\nbutton.card:drop(active) { color: var(--accent-bg-color); box-shadow: inset 0 0 0 1px var(--accent-bg-color); }\n\nbutton.color { padding: 5px; }\n\nbutton.color > colorswatch:only-child { border-radius: 4.5px; }\n\nbutton.color > colorswatch:only-child > overlay { border-radius: 4px; }\n\nbutton.color > colorswatch:only-child:disabled { filter: none; }\n\nbutton.color > colorswatch:only-child.light > overlay { border-color: color-mix(in srgb, var(--view-fg-color) 10%, transparent); }\n\nmenubutton.osd { background: none; color: inherit; }\n\nmenubutton:disabled { filter: opacity(50%); }\n\nmenubutton > button:disabled:not(:checked) { filter: none; }\n\nmenubutton.flat:disabled { filter: none; }\n\nmenubutton.suggested-action { background-color: var(--accent-bg-color); color: var(--accent-fg-color); }\n\nmenubutton.opaque { background-color: color-mix(in srgb, var(--window-bg-color) 85%, var(--window-fg-color)); color: var(--window-fg-color); }\n\nmenubutton.suggested-action, menubutton.opaque { border-radius: 9px; }\n\nmenubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.opaque.circular, menubutton.opaque.pill { border-radius: 9999px; }\n\nmenubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked { background-color: transparent; color: inherit; }\n\nmenubutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; }\n\nmenubutton.card > button { border-radius: 12px; }\n\nmenubutton arrow { min-height: 16px; min-width: 16px; }\n\nmenubutton arrow.none { -gtk-icon-source: -gtk-icontheme(\"open-menu-symbolic\"); }\n\nmenubutton arrow.down { -gtk-icon-source: -gtk-icontheme(\"pan-down-symbolic\"); }\n\nmenubutton arrow.up { -gtk-icon-source: -gtk-icontheme(\"pan-up-symbolic\"); }\n\nmenubutton arrow.left { -gtk-icon-source: -gtk-icontheme(\"pan-start-symbolic\"); }\n\nmenubutton arrow.right { -gtk-icon-source: -gtk-icontheme(\"pan-end-symbolic\"); }\n\nsplitbutton { border-radius: 9px; }\n\nsplitbutton, splitbutton > separator { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background; }\n\nsplitbutton > separator { margin-top: 6px; margin-bottom: 6px; background: none; }\n\nsplitbutton > menubutton > button { padding-left: 4px; padding-right: 4px; }\n\nsplitbutton.image-button > button { min-width: 24px; padding-left: 5px; padding-right: 5px; }\n\nsplitbutton.text-button.image-button > button, splitbutton.image-text-button > button { padding-left: 9px; padding-right: 9px; }\n\nsplitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box { border-spacing: 6px; }\n\nsplitbutton:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nsplitbutton:disabled > button, splitbutton:disabled > menubutton, splitbutton:disabled > menubutton > button { filter: none; }\n\nsplitbutton > button:dir(ltr), splitbutton > menubutton > button:dir(rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: -1px; }\n\nsplitbutton > button:dir(rtl), splitbutton > menubutton > button:dir(ltr) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }\n\nactionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat > separator { background: color-mix(in srgb, currentColor 30%, transparent); }\n\nactionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: color-mix(in srgb, currentColor 7%, transparent); }\n\nactionbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:hover:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:active:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, actionbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:checked:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { background: none; }\n\nactionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), splitbutton.flat:disabled { filter: opacity(30%); }\n\nactionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button:disabled, actionbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, searchbar > revealer > box splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, .toolbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, headerbar splitbutton:disabled:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button:disabled, splitbutton.flat:disabled > button:disabled, splitbutton.flat:disabled > menubutton > button:disabled { filter: none; }\n\nactionbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, searchbar > revealer > box splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, .toolbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, headerbar splitbutton:focus-within:focus-visible:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > separator, splitbutton.flat:focus-within:focus-visible > separator { background: none; }\n\nactionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > button, actionbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, searchbar > revealer > box splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, .toolbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, headerbar splitbutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) > menubutton > button, splitbutton.flat > button, splitbutton.flat > menubutton > button { border-radius: 9px; }\n\nsplitbutton.suggested-action { background-color: var(--accent-bg-color); color: var(--accent-fg-color); }\n\nsplitbutton.destructive-action { --accent-bg-color: var(--destructive-bg-color); --accent-fg-color: var(--destructive-fg-color); --accent-color: var(--destructive-color); color: var(--accent-color); }\n\nsplitbutton.opaque { background-color: color-mix(in srgb, var(--window-bg-color) 85%, var(--window-fg-color)); color: var(--window-fg-color); }\n\nsplitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked { color: inherit; background-color: transparent; }\n\nsplitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { box-shadow: inset 1px 0 color-mix(in srgb, currentColor 30%, transparent); }\n\nsplitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { box-shadow: inset -1px 0 color-mix(in srgb, currentColor 30%, transparent); }\n\nsplitbutton > menubutton > button > arrow.none { -gtk-icon-source: -gtk-icontheme(\"pan-down-symbolic\"); }\n\nbuttoncontent > box { border-spacing: 6px; }\n\nbuttoncontent > box > label { font-weight: bold; }\n\nbuttoncontent > box > label:dir(ltr) { padding-right: 2px; }\n\nbuttoncontent > box > label:dir(rtl) { padding-left: 2px; }\n\n.arrow-button > box > buttoncontent > box > label:dir(ltr), splitbutton > button > buttoncontent > box > label:dir(ltr) { padding-right: 0; }\n\n.arrow-button > box > buttoncontent > box > label:dir(rtl), splitbutton > button > buttoncontent > box > label:dir(rtl) { padding-left: 0; }\n\ntabbutton label { font-weight: 800; font-size: 10.5px; }\n\ntabbutton label.small { font-size: 8px; }\n\ntabbutton indicatorbin > indicator:dir(ltr), tabbutton indicatorbin > mask:dir(ltr) { transform: translate(-1px, 1px); }\n\ntabbutton indicatorbin > indicator:dir(rtl), tabbutton indicatorbin > mask:dir(rtl) { transform: translate(1px, 1px); }\n\ncalendar { color: var(--view-fg-color); background-clip: padding-box; border: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); font-feature-settings: \"tnum\"; }\n\ncalendar > header { border-bottom: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\ncalendar > header > button { border-radius: 0; }\n\ncalendar > grid { padding-left: 3px; padding-bottom: 3px; }\n\ncalendar > grid > label.today { box-shadow: inset 0px -2px color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\ncalendar > grid > label.today:selected { box-shadow: none; }\n\ncalendar > grid > label { margin-top: 3px; margin-right: 3px; }\n\ncalendar > grid > label { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\ncalendar > grid > label:focus { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\ncalendar > grid > label.day-number { padding: 3px; }\n\ncalendar > grid > label.day-number:checked { border-radius: 9px; background-color: color-mix(in srgb, var(--accent-bg-color) 30%, transparent); }\n\ncalendar > grid > label.day-number:selected { border-radius: 9px; background-color: var(--accent-bg-color); color: var(--accent-fg-color); }\n\ncalendar > grid > label.day-number.other-month { color: color-mix(in srgb, currentColor 30%, transparent); }\n\ncheckbutton { border-spacing: 4px; border-radius: 9px; padding: 3px; }\n\ncheckbutton { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\ncheckbutton:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\ncheckbutton.text-button { padding: 4px; }\n\ncheckbutton.grouped { border-radius: 999px; }\n\ncheck, radio { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 14px; min-width: 14px; -gtk-icon-size: 14px; padding: 3px; box-shadow: inset 0 0 0 2px color-mix(in srgb, currentColor 15%, transparent); }\n\ncheck:not(:checked):not(:indeterminate):hover, radio:not(:checked):not(:indeterminate):hover { box-shadow: inset 0 0 0 2px color-mix(in srgb, currentColor 20%, transparent); }\n\ncheck:not(:checked):not(:indeterminate):active, radio:not(:checked):not(:indeterminate):active { background-color: color-mix(in srgb, currentColor 25%, transparent); box-shadow: none; }\n\ncheck:checked, check:indeterminate, radio:checked, radio:indeterminate { background-color: var(--accent-bg-color); color: var(--accent-fg-color); box-shadow: none; }\n\ncheck:checked:hover, check:indeterminate:hover, radio:checked:hover, radio:indeterminate:hover { background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }\n\ncheck:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { background-image: image(RGB(0 0 6/20%)); }\n\ncheck:disabled, radio:disabled { filter: Opacity(var(--disabled-opacity)); }\n\ncheck { border-radius: 6px; }\n\ncheck:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url(\"assets/check-symbolic.symbolic.png\")), -gtk-recolor(url(\"assets/check@2-symbolic.symbolic.png\"))); }\n\nradio { border-radius: 100%; }\n\nradio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url(\"assets/bullet-symbolic.symbolic.png\")), -gtk-recolor(url(\"assets/bullet@2-symbolic.symbolic.png\"))); }\n\ncheck:indeterminate, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url(\"assets/dash-symbolic.symbolic.png\")), -gtk-recolor(url(\"assets/dash@2-symbolic.symbolic.png\"))); }\n\ncheckbutton.selection-mode { border-radius: 100px; }\n\ncheckbutton.selection-mode check, checkbutton.selection-mode radio { padding: 7px; border-radius: 100px; }\n\ncheckbutton.selection-mode label:dir(ltr) { margin-right: 6px; }\n\ncheckbutton.selection-mode label:dir(rtl) { margin-left: 6px; }\n\ncolorswatch { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\ncolorswatch:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 4px; outline-offset: -2px; }\n\ncolorswatch.top { border-top-left-radius: 9.5px; border-top-right-radius: 9.5px; }\n\ncolorswatch.top > overlay { border-top-left-radius: 9px; border-top-right-radius: 9px; }\n\ncolorswatch.bottom { border-bottom-left-radius: 9.5px; border-bottom-right-radius: 9.5px; }\n\ncolorswatch.bottom > overlay { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }\n\ncolorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 9.5px; border-bottom-left-radius: 9.5px; }\n\ncolorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 9px; border-bottom-left-radius: 9px; }\n\ncolorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 9.5px; border-bottom-right-radius: 9.5px; }\n\ncolorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 9px; border-bottom-right-radius: 9px; }\n\ncolorswatch.dark > overlay { color: white; }\n\ncolorswatch.light > overlay { color: RGB(0 0 6/75%); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--view-fg-color) 10%, transparent); }\n\ncolorswatch:drop(active).light > overlay { box-shadow: inset 0 0 0 2px var(--accent-bg-color); }\n\ncolorswatch:drop(active).dark > overlay { box-shadow: inset 0 0 0 2px var(--accent-bg-color); }\n\ncolorswatch#add-color-button > overlay { border-radius: 9px 0 0 9px; }\n\ncolorswatch#add-color-button:only-child > overlay { border-radius: 9px; }\n\ncolorswatch:disabled { filter: Opacity(var(--disabled-opacity)); }\n\ncolorswatch#editor-color-sample { border-radius: 9px; }\n\ncolorswatch#editor-color-sample > overlay { border-radius: 9.5px; }\n\nplane { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nplane:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 2px; }\n\ncolorchooser .popover.osd { border-radius: 15px; }\n\ncolumnview, treeview.view, window.print:not(.ssd-frame) treeview.dialog-action-box { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\ncolumnview:focus:focus-visible, treeview.view:focus:focus-visible, window.print:not(.ssd-frame) treeview.dialog-action-box:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\ncolumnview:drop(active), treeview.view:drop(active), window.print:not(.ssd-frame) treeview.dialog-action-box:drop(active) { box-shadow: none; }\n\ncolumnview > header > button, treeview.view > header > button, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button { background-color: transparent; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; border-radius: 0; box-shadow: none; line-height: 100%; border-left: 1px solid transparent; }\n\ncolumnview > header > button:first-child, treeview.view > header > button:first-child, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button:first-child { border-left-width: 0; }\n\ncolumnview > header > button > box, treeview.view > header > button > box, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button > box { color: color-mix(in srgb, currentColor 40%, transparent); border-spacing: 6px; }\n\ncolumnview > header > button:hover > box, treeview.view > header > button:hover > box, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button:hover > box { color: color-mix(in srgb, currentColor 70%, transparent); box-shadow: none; }\n\ncolumnview > header > button:active > box, treeview.view > header > button:active > box, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button:active > box { color: currentColor; }\n\ncolumnview > header > button sort-indicator, treeview.view > header > button sort-indicator, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button sort-indicator { min-height: 16px; min-width: 16px; }\n\ncolumnview > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme(\"pan-up-symbolic\"); }\n\ncolumnview > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme(\"pan-down-symbolic\"); }\n\ncolumnview button.dnd:active, columnview button.dnd:selected, columnview button.dnd:hover, columnview button.dnd, treeview.view button.dnd, window.print:not(.ssd-frame) treeview.dialog-action-box button.dnd, columnview header.button.dnd:active, columnview header.button.dnd:selected, columnview header.button.dnd:hover, columnview header.button.dnd, treeview.view header.button.dnd, window.print:not(.ssd-frame) treeview.dialog-action-box header.button.dnd { color: var(--accent-fg-color); background-color: var(--accent-bg-color); transition: none; }\n\ncolumnview.view > listview.view, treeview.view > listview.view, window.print:not(.ssd-frame) columnview.dialog-action-box > listview.view, window.print:not(.ssd-frame) treeview.dialog-action-box > listview.view, window.print:not(.ssd-frame) columnview.view > listview.dialog-action-box, window.print:not(.ssd-frame) treeview.view > listview.dialog-action-box, window.print:not(.ssd-frame) columnview.dialog-action-box > listview.dialog-action-box, window.print:not(.ssd-frame) treeview.dialog-action-box > listview.dialog-action-box { background: none; color: inherit; }\n\ncolumnview > listview > row, treeview.view > listview > row, window.print:not(.ssd-frame) treeview.dialog-action-box > listview > row { padding: 0; }\n\ncolumnview > listview > row > cell, treeview.view > listview > row > cell, window.print:not(.ssd-frame) treeview.dialog-action-box > listview > row > cell { padding: 8px 6px; }\n\ncolumnview > listview > row > cell:not(:first-child), treeview.view > listview > row > cell:not(:first-child), window.print:not(.ssd-frame) treeview.dialog-action-box > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }\n\ncolumnview.column-separators > listview > row > cell, treeview.column-separators.view > listview > row > cell, window.print:not(.ssd-frame) treeview.column-separators.dialog-action-box > listview > row > cell, columnview.column-separators > header > button, treeview.column-separators.view > header > button, window.print:not(.ssd-frame) treeview.column-separators.dialog-action-box > header > button { border-left-color: color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\ncolumnview > listview:not(.horizontal).separators > row:not(.separator), treeview.view > listview:not(.horizontal).separators > row:not(.separator), window.print:not(.ssd-frame) treeview.dialog-action-box > listview:not(.horizontal).separators > row:not(.separator) { border-top: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); border-bottom: none; }\n\ncolumnview.data-table > listview > row > cell, treeview.data-table.view > listview > row > cell, window.print:not(.ssd-frame) treeview.data-table.dialog-action-box > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }\n\ncolumnview ~ undershoot.top, treeview.view ~ undershoot.top, window.print:not(.ssd-frame) treeview.dialog-action-box ~ undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\ncolumnview row:not(:selected) cell editablelabel:not(.editing):focus-within, treeview.view row:not(:selected) cell editablelabel:not(.editing):focus-within, window.print:not(.ssd-frame) treeview.dialog-action-box row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid color-mix(in srgb, var(--accent-color) 50%, transparent); }\n\ncolumnview row:not(:selected) cell editablelabel.editing:focus-within, treeview.view row:not(:selected) cell editablelabel.editing:focus-within, window.print:not(.ssd-frame) treeview.dialog-action-box row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid var(--accent-color); }\n\ntreeexpander { border-spacing: 4px; }\n\n.dialog-action-area { margin: 6px; border-spacing: 6px; }\n\n/**************** Print dialog * */\nwindow.print:not(.ssd-frame) drawing { color: var(--window-fg-color); background: none; border: none; padding: 0; }\n\nwindow.print:not(.ssd-frame) drawing paper { background-color: white; color: RGB(0 0 6/80%); background-clip: padding-box; border: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\n/******************** Page setup dalog * */\n/****************** GtkAboutDialog * */\nwindow.aboutdialog:not(.ssd-frame) image.large-icons { -gtk-icon-size: 128px; }\n\n/************************* GtkColorChooserDialog * */\n/************* AdwDialog * */\nfloating-sheet > dimming { background-color: RGB(from var(--shade-color) r g b/calc(alpha * 2)); }\n\nfloating-sheet > sheet { border-radius: 15px; box-shadow: 0 2px 8px 2px RGB(0 0 6/7%), 0 3px 20px 10px RGB(0 0 6/5%), 0 6px 32px 16px RGB(0 0 6/2%), 0 0 0 1px RGB(0 0 6 / 5%); outline: 1px solid RGB(255 255 255/7%); outline-offset: -1px; }\n\ndialog.bottom-sheet:not(.narrow) sheet { margin-left: 30px; margin-right: 30px; }\n\ndialog.bottom-sheet:not(.narrow) sheet.flush-left > outline, dialog.bottom-sheet:not(.narrow) sheet.flush-right > outline, dialog.bottom-sheet:not(.narrow) sheet.flush-left.flush-right > outline { box-shadow: inset 1px 0 RGB(255 255 255/7%), inset -1px 0 RGB(255 255 255/7%), inset 0 1px RGB(255 255 255/7%); }\n\ndialog-host > dialog.background { background: none; }\n\ndialog-host > dialog.background sheet { background-color: var(--window-bg-color); color: var(--window-fg-color); }\n\ndialog-host > dialog.view, window.print:not(.ssd-frame) dialog-host > dialog.dialog-action-box { background: none; }\n\ndialog-host > dialog.osd:not(progressbar):not(button):not(menubutton):not(splitbutton) { background: none; }\n\n/*********************** GtkAppChooserDialog * */\nwindow.appchooser:not(.ssd-frame) headerbar.titlebar > windowhandle { padding-top: 3px; }\n\nwindow.appchooser:not(.ssd-frame) headerbar.titlebar box.start + box { margin-top: -6px; margin-bottom: -6px; min-height: 12px; }\n\nwindow.appchooser:not(.ssd-frame) searchbar { background: none; }\n\nwindow.appchooser:not(.ssd-frame) .dialog-vbox > box > box:not(.dialog-action-area) { margin: 6px; }\n\nwindow.appchooser:not(.ssd-frame) .dialog-action-area { margin-top: 0; }\n\n/**************** GtkAssistant * */\nwindow.assistant .sidebar { padding: 6px; background-color: var(--sidebar-bg-color); color: var(--sidebar-fg-color); }\n\nwindow.assistant .sidebar:not(separator):dir(ltr) { border-right: none; box-shadow: inset -1px 0 var(--sidebar-border-color); }\n\nwindow.assistant .sidebar:not(separator):dir(rtl) { box-shadow: inset 1px 0 var(--sidebar-border-color); }\n\nwindow.assistant .sidebar:backdrop { background-color: var(--sidebar-backdrop-color); transition: background-color 200ms ease-out; }\n\nwindow.assistant .sidebar > label { padding: 6px 12px; border-radius: 9px; }\n\nwindow.assistant .sidebar > label.highlight { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\n/*************** GtkComboBox * */\ncombobox button { padding-top: 2px; padding-bottom: 2px; min-height: 30px; }\n\n/*************** GtkIconView * */\niconview:not(:selected) { background-color: color-mix(in srgb, var(--accent-bg-color) 0.0001%, var(--view-bg-color)); }\n\niconview { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\niconview:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\niconview:drop(active) { box-shadow: none; }\n\niconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: var(--accent-bg-color); }\n\n/************** GtkInfoBar * */\ninfobar > revealer > box { padding: 6px; padding-bottom: 7px; border-spacing: 6px; box-shadow: inset 0 -1px var(--shade-color); }\n\ninfobar > revealer > box > box { border-spacing: 6px; }\n\ninfobar.action:hover > revealer > box { background-image: image(color-mix(in srgb, currentColor 5%, transparent)); }\n\ninfobar.action:active > revealer > box { background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }\n\ninfobar.info > revealer > box { background-color: color-mix(in srgb, var(--accent-bg-color) 30%, var(--window-bg-color)); color: var(--window-fg-color); }\n\ninfobar.question > revealer > box { background-color: color-mix(in srgb, var(--accent-bg-color) 30%, var(--window-bg-color)); color: var(--window-fg-color); }\n\ninfobar.warning > revealer > box { background-color: color-mix(in srgb, var(--warning-bg-color) 30%, var(--window-bg-color)); color: var(--window-fg-color); }\n\ninfobar.error > revealer > box { background-color: color-mix(in srgb, var(--error-bg-color) 30%, var(--window-bg-color)); color: var(--window-fg-color); }\n\ninfobar .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; }\n\n/**************** GtkStatusBar * */\nstatusbar { padding: 6px 10px 6px 10px; }\n\n/*************** GtkTreeView * */\ntreeview.view, window.print:not(.ssd-frame) treeview.dialog-action-box { border-left-color: color-mix(in srgb, currentColor 20%, var(--view-bg-color)); border-top-color: color-mix(in srgb, currentColor 20%, var(--view-bg-color)); }\n\ntreeview.view:not(:selected), window.print:not(.ssd-frame) treeview.dialog-action-box:not(:selected) { background-color: color-mix(in srgb, var(--accent-bg-color) 0.0001%, var(--view-bg-color)); }\n\ntreeview.view:selected:focus, treeview.view:selected, window.print:not(.ssd-frame) treeview.dialog-action-box:selected { border-radius: 0; }\n\ntreeview.view.separator, window.print:not(.ssd-frame) treeview.separator.dialog-action-box { min-height: 2px; color: color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\ntreeview.view.expander, window.print:not(.ssd-frame) treeview.expander.dialog-action-box { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme(\"pan-end-symbolic\"); color: color-mix(in srgb, currentColor 70%, transparent); }\n\ntreeview.view.expander:dir(rtl), window.print:not(.ssd-frame) treeview.expander.dialog-action-box:dir(rtl) { -gtk-icon-source: -gtk-icontheme(\"pan-end-symbolic-rtl\"); }\n\ntreeview.view.expander:hover, window.print:not(.ssd-frame) treeview.expander.dialog-action-box:hover, treeview.view.expander:active, window.print:not(.ssd-frame) treeview.expander.dialog-action-box:active { color: currentColor; }\n\ntreeview.view.expander:checked, window.print:not(.ssd-frame) treeview.expander.dialog-action-box:checked { -gtk-icon-source: -gtk-icontheme(\"pan-down-symbolic\"); }\n\ntreeview.view.expander:disabled, window.print:not(.ssd-frame) treeview.expander.dialog-action-box:disabled { color: color-mix(in srgb, currentColor var(--disabled-opacity), transparent); }\n\ntreeview.view > dndtarget:drop(active), window.print:not(.ssd-frame) treeview.dialog-action-box > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: var(--accent-bg-color); }\n\ntreeview.view > dndtarget:drop(active).after, window.print:not(.ssd-frame) treeview.dialog-action-box > dndtarget:drop(active).after { border-top-style: none; }\n\ntreeview.view > dndtarget:drop(active).before, window.print:not(.ssd-frame) treeview.dialog-action-box > dndtarget:drop(active).before { border-bottom-style: none; }\n\ntreeview.view > header > button, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button { padding-left: 4px; padding-right: 4px; border-bottom: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\ntreeview.view.progressbar, window.print:not(.ssd-frame) treeview.progressbar.dialog-action-box { box-shadow: none; }\n\ntreeview.view.progressbar, window.print:not(.ssd-frame) treeview.progressbar.dialog-action-box, treeview.view.progressbar:selected { background-color: var(--accent-bg-color); color: var(--accent-fg-color); }\n\ntreeview.view.trough, window.print:not(.ssd-frame) treeview.trough.dialog-action-box { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\ntreeview.view ~ undershoot.top, window.print:not(.ssd-frame) treeview.dialog-action-box ~ undershoot.top { box-shadow: none; background: none; }\n\ntreeview.view acceleditor > label, window.print:not(.ssd-frame) treeview.dialog-action-box acceleditor > label { background-color: color-mix(in srgb, currentColor 10%, var(--view-bg-color)); }\n\ntreeview.navigation-sidebar { padding: 0; }\n\ntreeview.navigation-sidebar:selected:focus, treeview.navigation-sidebar:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\ntreeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: var(--view-bg-color); transition-property: color, background; }\n\ntreeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: var(--view-bg-color); }\n\ntreeview entry.flat:focus-within, treeview entry:focus-within { border-color: var(--accent-color); }\n\ntreeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }\n\ntreeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }\n\n.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); border-left-style: none; }\n\n.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); border-right-style: none; }\n\n.sidebar listview.view, .sidebar window.print:not(.ssd-frame) listview.dialog-action-box, window.print:not(.ssd-frame) .sidebar listview.dialog-action-box, .sidebar list { background-color: transparent; color: inherit; }\n\npaned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }\n\n.large-title { font-weight: 300; font-size: 24pt; }\n\n/********************* App Notifications * */\n.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 15px 15px; background-image: linear-gradient(to bottom, RGB(0 0 0/20%), transparent 2px); background-clip: padding-box; }\n\n.app-notification border { border: none; }\n\ndropdown > button > box, combobox > button > box { border-spacing: 6px; }\n\ndropdown > button > box > stack > row.activatable:hover, combobox > button > box > stack > row.activatable:hover, dropdown > button > box > stack > row.activatable:active, combobox > button > box > stack > row.activatable:active { background: none; }\n\ndropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme(\"pan-down-symbolic\"); min-height: 16px; min-width: 16px; }\n\ndropdown:drop(active), combobox:drop(active) { box-shadow: none; }\n\ndropdown popover.menu, combobox popover.menu { padding-top: 6px; }\n\ndropdown popover.menu listview > row, combobox popover.menu listview > row { min-width: 0; }\n\ndropdown popover.menu .dropdown-searchbar, combobox popover.menu .dropdown-searchbar { padding: 6px; }\n\ndropdown popover.menu .dropdown-searchbar + scrolledwindow:not(.undershoot-top) > undershoot.top, combobox popover.menu .dropdown-searchbar + scrolledwindow:not(.undershoot-top) > undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\npopover.emoji-picker > contents { padding: 0; }\n\n.emoji-searchbar { padding: 6px; }\n\n.emoji-toolbar { padding: 3px; }\n\nbutton.emoji-section.image-button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-width: 32px; min-height: 32px; }\n\npopover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 9px; }\n\npopover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: color-mix(in srgb, currentColor 7%, transparent); }\n\npopover.emoji-picker emoji:active { background: color-mix(in srgb, currentColor 16%, transparent); }\n\npopover.emoji-picker scrolledwindow.view, popover.emoji-picker window.print:not(.ssd-frame) scrolledwindow.dialog-action-box, window.print:not(.ssd-frame) popover.emoji-picker scrolledwindow.dialog-action-box { background: none; color: inherit; }\n\npopover.emoji-picker scrolledwindow.view:not(.undershoot-top) > undershoot.top, popover.emoji-picker window.print:not(.ssd-frame) scrolledwindow.dialog-action-box:not(.undershoot-top) > undershoot.top, window.print:not(.ssd-frame) popover.emoji-picker scrolledwindow.dialog-action-box:not(.undershoot-top) > undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\npopover.emoji-picker scrolledwindow.view:not(.undershoot-bottom) > undershoot.bottom, popover.emoji-picker window.print:not(.ssd-frame) scrolledwindow.dialog-action-box:not(.undershoot-bottom) > undershoot.bottom, window.print:not(.ssd-frame) popover.emoji-picker scrolledwindow.dialog-action-box:not(.undershoot-bottom) > undershoot.bottom { box-shadow: inset 0 -1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to top, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\npopover.emoji-completion > contents { padding: 6px; padding-bottom: 4px; }\n\nemoji-completion-row { padding: 6px; margin-bottom: 2px; border-radius: 9px; }\n\nemoji-completion-row:dir(ltr) { padding-right: 12px; }\n\nemoji-completion-row:dir(rtl) { padding-left: 12px; }\n\nemoji-completion-row > box { border-spacing: 6px; }\n\nemoji-completion-row:focus, emoji-completion-row:hover { background-color: color-mix(in srgb, currentColor 10%, transparent); color: var(--popover-fg-color); }\n\nemoji-completion-row:active { background-color: color-mix(in srgb, currentColor 16%, transparent); }\n\nspinbutton, entry { min-height: 34px; padding-left: 9px; padding-right: 9px; border-radius: 9px; border-spacing: 6px; background-color: color-mix(in srgb, currentColor 10%, transparent); background-clip: padding-box; caret-color: currentColor; }\n\nspinbutton, entry { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nspinbutton:focus-within, entry:focus-within { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\nspinbutton > text > block-cursor, entry > text > block-cursor { color: var(--view-bg-color); background-color: var(--view-fg-color); }\n\nspinbutton.flat, entry.flat:focus-within, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; box-shadow: none; border-radius: 0; }\n\nspinbutton:disabled, entry:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nspinbutton > image, entry > image { opacity: 0.7; }\n\nspinbutton > image:hover, entry > image:hover { opacity: 1; }\n\nspinbutton > image:active, entry > image:active { opacity: 0.8; }\n\nspinbutton > image.left, entry > image.left { margin-right: 6px; }\n\nspinbutton > image.right, entry > image.right { margin-left: 6px; }\n\nspinbutton.password image.caps-lock-indicator, entry.password image.caps-lock-indicator { opacity: 30%; }\n\nspinbutton:drop(active), entry:drop(active):focus-within, entry:drop(active) { border-color: var(--accent-bg-color); box-shadow: inset 0 0 0 1px var(--accent-bg-color); }\n\nspinbutton > progress, entry > progress { margin-bottom: 3px; }\n\nspinbutton > progress > trough, entry > progress > trough { min-height: 2px; }\n\nspinbutton > progress > trough > progress, entry > progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: var(--accent-bg-color); border-style: solid; box-shadow: none; }\n\nexpander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme(\"pan-end-symbolic\"); }\n\nexpander:dir(rtl) { -gtk-icon-source: -gtk-icontheme(\"pan-end-symbolic-rtl\"); }\n\nexpander:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nexpander:checked { -gtk-icon-source: -gtk-icontheme(\"pan-down-symbolic\"); }\n\nexpander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nexpander-widget:focus:focus-visible > box > title { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\nexpander-widget > box > title { border-radius: 6px; }\n\nexpander-widget > box > title > expander { opacity: .7; }\n\nexpander-widget > box > title:hover > expander, expander-widget > box > title:active > expander { opacity: 1; }\n\nplacessidebar .navigation-sidebar > row { padding: 0; }\n\nplacessidebar .navigation-sidebar > row > revealer { padding: 0 14px; }\n\nplacessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }\n\nplacessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }\n\nplacessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }\n\nplacessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; }\n\nbutton.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; }\n\nplacessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }\n\nplacessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(var(--accent-bg-color)); background-clip: content-box; }\n\nplacessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: var(--accent-color); }\n\nplacessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: var(--accent-bg-color); box-shadow: inset 0 0 0 1px var(--accent-bg-color); }\n\nrow image.sidebar-icon { opacity: 0.7; }\n\nrow .sidebar-button { opacity: 0.7; }\n\nrow .sidebar-button:hover, row .sidebar-button:active, row .sidebar-button.keyboard-activating { opacity: 1; }\n\nplacesview .server-list-button > image { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }\n\nplacesview .server-list-button:checked > image { -gtk-icon-transform: rotate(-0.5turn); }\n\nplacesview > actionbar > revealer > box > box { border-spacing: 6px; }\n\nfilechooser { box-shadow: 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\nfilechooser pathbar button:not(.image-button) { padding-left: 9px; padding-right: 9px; }\n\nfilechooser pathbar button > box { border-spacing: 4px; }\n\nfilechooser pathbar button > box > label { padding-left: 2px; padding-right: 2px; }\n\nfilechooser columnview > listview > row > cell, filechooser treeview.view > listview > row > cell, filechooser window.print:not(.ssd-frame) treeview.dialog-action-box > listview > row > cell, window.print:not(.ssd-frame) filechooser treeview.dialog-action-box > listview > row > cell { padding: 0; }\n\nfilechooser columnview > listview > row > cell > filelistcell, filechooser treeview.view > listview > row > cell > filelistcell, filechooser window.print:not(.ssd-frame) treeview.dialog-action-box > listview > row > cell > filelistcell, window.print:not(.ssd-frame) filechooser treeview.dialog-action-box > listview > row > cell > filelistcell { padding: 8px 6px; }\n\nfilechooser gridview { padding: 15px; }\n\nfilechooser gridview ~ undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\nfilechooser gridview > child { border-radius: 12px; padding: 0; margin: 3px; }\n\nfilechooser gridview > child > filelistcell { padding: 6px 12px; }\n\nfilechooser gridview > child filethumbnail image { filter: drop-shadow(0px 1px 1px RGB(0 0 6/30%)); }\n\nfilechooser gridview > child box { border-spacing: 6px; }\n\nfilechooser columnview > listview, filechooser treeview.view > listview, filechooser window.print:not(.ssd-frame) treeview.dialog-action-box > listview, window.print:not(.ssd-frame) filechooser treeview.dialog-action-box > listview, filechooser gridview { --accent-bg-color: #959595; --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab)); }\n\nfilechooser > box > actionbar { box-shadow: 0 -1px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent), 0 -2px 4px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent); }\n\nfilechooser > box > actionbar > revealer > box { box-shadow: none; padding-top: 6px; }\n\nfilechooser scrolledwindow + actionbar > revealer > box { background-color: color-mix(in srgb, var(--accent-bg-color) 30%, var(--view-bg-color)); color: var(--window-fg-color); box-shadow: none; padding-top: 6px; font-weight: bold; }\n\nfilechooser scrolledwindow + actionbar > revealer > box:backdrop { background-color: color-mix(in srgb, var(--accent-bg-color) 15%, var(--view-bg-color)); }\n\nfilechooser placesview > stack > scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to top, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\nfilechooser placesview > stack > scrolledwindow list { --accent-bg-color: #959595; --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab)); }\n\nfilechooser placesview > actionbar > revealer > box { background: var(--view-bg-color); color: var(--view-fg-color); box-shadow: none; padding-top: 6px; }\n\nfilechooser placesview > actionbar > revealer > box:backdrop { background: var(--view-bg-color); transition: none; }\n\nfilechooser placessidebar { background-color: var(--sidebar-bg-color); color: var(--sidebar-fg-color); }\n\nfilechooser placessidebar:backdrop { background-color: var(--sidebar-backdrop-color); transition: background-color 200ms ease-out; }\n\nfilechooser paned.horizontal > separator:dir(ltr) { box-shadow: inset 1px 0 var(--sidebar-bg-color), inset 1px 0 var(--sidebar-border-color); }\n\nfilechooser paned.horizontal > separator:dir(ltr):backdrop { box-shadow: inset 1px 0 var(--sidebar-backdrop-color), inset 1px 0 var(--sidebar-border-color); }\n\nfilechooser paned.horizontal > separator:dir(rtl) { box-shadow: inset -1px 0 var(--sidebar-bg-color), inset -1px 0 var(--sidebar-border-color); }\n\nfilechooser paned.horizontal > separator:dir(rtl):backdrop { box-shadow: inset -1px 0 var(--sidebar-backdrop-color), inset -1px 0 var(--sidebar-border-color); }\n\nfilechooser paned.horizontal > separator:backdrop { transition: box-shadow 200ms ease-out; }\n\n/* Fix header bar height in the file chooser */\nwindow.filechooser headerbar box.start + box.vertical { margin-top: -6px; margin-bottom: -6px; min-height: 12px; }\n\nheaderbar { min-height: 47px; background-color: var(--headerbar-bg-color); color: var(--headerbar-fg-color); box-shadow: inset 0 -1px var(--headerbar-shade-color), inset 1px 0 color-mix(in srgb, var(--headerbar-border-color) var(--border-opacity), transparent), inset -1px 0 color-mix(in srgb, var(--headerbar-border-color) var(--border-opacity), transparent); margin-left: -1px; margin-right: -1px; }\n\nheaderbar > windowhandle > box { padding: 6px 7px 7px 7px; }\n\nheaderbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }\n\nheaderbar > windowhandle > box > box.start:dir(ltr), headerbar > windowhandle > box > box.end:dir(rtl), headerbar > windowhandle > box > widget > box.start:dir(ltr), headerbar > windowhandle > box > widget > box.end:dir(rtl) { margin-right: 6px; }\n\nheaderbar > windowhandle > box > box.start:dir(rtl), headerbar > windowhandle > box > box.end:dir(ltr), headerbar > windowhandle > box > widget > box.start:dir(rtl), headerbar > windowhandle > box > widget > box.end:dir(ltr) { margin-left: 6px; }\n\nheaderbar:backdrop { background-color: var(--headerbar-backdrop-color); transition: background-color 200ms ease-out; }\n\nheaderbar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; }\n\nheaderbar.default-decoration { min-height: 37px; }\n\nheaderbar.default-decoration > windowhandle > box { padding: 3px 4px 4px 4px; }\n\nheaderbar.default-decoration windowcontrols > button { min-height: 22px; min-width: 22px; padding: 4px; }\n\nheaderbar.default-decoration windowcontrols > .icon { margin: 7px; }\n\nwindow:not(.ssd-frame) > .titlebar:not(.flat) { box-shadow: 0 1px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent), 0 2px 4px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent); }\n\nwindow:not(.ssd-frame) > .titlebar headerbar:not(.flat) { box-shadow: inset 1px 0 color-mix(in srgb, var(--headerbar-border-color) var(--border-opacity), transparent), inset -1px 0 color-mix(in srgb, var(--headerbar-border-color) var(--border-opacity), transparent); }\n\nwindow:not(.ssd-frame) > headerbar.titlebar, window:not(.ssd-frame) > .titlebar headerbar { min-height: 46px; }\n\nwindow:not(.ssd-frame) > headerbar.titlebar > windowhandle > box, window:not(.ssd-frame) > .titlebar headerbar > windowhandle > box { padding-bottom: 6px; }\n\nwindow:not(.ssd-frame) > headerbar.titlebar.default-decoration, window:not(.ssd-frame) > .titlebar headerbar.default-decoration { min-height: 36px; }\n\nwindow:not(.ssd-frame) > headerbar.titlebar.default-decoration > windowhandle > box, window:not(.ssd-frame) > .titlebar headerbar.default-decoration > windowhandle > box { padding-bottom: 3px; }\n\ntoolbarview > .top-bar headerbar, toolbarview > .bottom-bar headerbar, headerbar.flat, window.shortcuts:not(.ssd-frame) headerbar.titlebar, adaptive-preview headerbar.adaptive-mode-flat, window.print:not(.ssd-frame) headerbar.titlebar, window.pagesetup:not(.ssd-frame) headerbar.titlebar, window.aboutdialog:not(.ssd-frame) headerbar.titlebar, window.colorchooser:not(.ssd-frame) headerbar.titlebar, window.appchooser:not(.ssd-frame) headerbar.titlebar { background: none; box-shadow: none; color: inherit; min-height: 46px; }\n\ntoolbarview > .top-bar headerbar > windowhandle > box, toolbarview > .bottom-bar headerbar > windowhandle > box, headerbar.flat > windowhandle > box, window.shortcuts:not(.ssd-frame) headerbar.titlebar > windowhandle > box, adaptive-preview headerbar.adaptive-mode-flat > windowhandle > box, window.print:not(.ssd-frame) headerbar.titlebar > windowhandle > box, window.pagesetup:not(.ssd-frame) headerbar.titlebar > windowhandle > box, window.aboutdialog:not(.ssd-frame) headerbar.titlebar > windowhandle > box, window.colorchooser:not(.ssd-frame) headerbar.titlebar > windowhandle > box, window.appchooser:not(.ssd-frame) headerbar.titlebar > windowhandle > box { padding-bottom: 6px; }\n\ntoolbarview > .top-bar headerbar.default-decoration, toolbarview > .bottom-bar headerbar.default-decoration, headerbar.default-decoration.flat, window.shortcuts:not(.ssd-frame) headerbar.default-decoration.titlebar, adaptive-preview headerbar.default-decoration.adaptive-mode-flat, window.print:not(.ssd-frame) headerbar.default-decoration.titlebar, window.pagesetup:not(.ssd-frame) headerbar.default-decoration.titlebar, window.aboutdialog:not(.ssd-frame) headerbar.default-decoration.titlebar, window.colorchooser:not(.ssd-frame) headerbar.default-decoration.titlebar, window.appchooser:not(.ssd-frame) headerbar.default-decoration.titlebar { min-height: 36px; }\n\ntoolbarview > .top-bar headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar headerbar.default-decoration > windowhandle > box, headerbar.default-decoration.flat > windowhandle > box, window.shortcuts:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, adaptive-preview headerbar.default-decoration.adaptive-mode-flat > windowhandle > box, window.print:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, window.pagesetup:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, window.aboutdialog:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, window.colorchooser:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box { padding-bottom: 3px; }\n\ntoolbarview > .top-bar headerbar:backdrop, toolbarview > .bottom-bar headerbar:backdrop { transition: none; }\n\ntoolbarview > .top-bar headerbar:backdrop > windowhandle, toolbarview > .bottom-bar headerbar:backdrop > windowhandle { filter: none; transition: none; }\n\nwindow.devel toolbarview > .top-bar headerbar > windowhandle, toolbarview > .top-bar window.devel headerbar > windowhandle, window.devel toolbarview > .bottom-bar headerbar > windowhandle, toolbarview > .bottom-bar window.devel headerbar > windowhandle { background-image: none; }\n\ntoolbarview > .top-bar .collapse-spacing headerbar, toolbarview > .bottom-bar .collapse-spacing headerbar, window.shortcuts:not(.ssd-frame) headerbar.titlebar, window.appchooser:not(.ssd-frame) headerbar.titlebar { min-height: 40px; }\n\ntoolbarview > .top-bar .collapse-spacing headerbar > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar > windowhandle > box, window.shortcuts:not(.ssd-frame) headerbar.titlebar > windowhandle > box, window.appchooser:not(.ssd-frame) headerbar.titlebar > windowhandle > box { padding-top: 3px; padding-bottom: 3px; }\n\ntoolbarview > .top-bar .collapse-spacing headerbar.default-decoration, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration, window.shortcuts:not(.ssd-frame) headerbar.default-decoration.titlebar, window.appchooser:not(.ssd-frame) headerbar.default-decoration.titlebar { min-height: 30px; }\n\ntoolbarview > .top-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, toolbarview > .bottom-bar .collapse-spacing headerbar.default-decoration > windowhandle > box, window.shortcuts:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box, window.appchooser:not(.ssd-frame) headerbar.default-decoration.titlebar > windowhandle > box { padding-top: 0px; padding-bottom: 0px; }\n\n.titlebar:not(headerbar) separator { background-color: color-mix(in srgb, var(--headerbar-border-color) var(--border-opacity), transparent); }\n\n/********************* GtkWindowControls * */\nwindowcontrols { border-spacing: 3px; }\n\nwindowcontrols > button { min-width: 24px; padding: 5px; box-shadow: none; }\n\nwindowcontrols > button > image { background-color: color-mix(in srgb, currentColor 10%, transparent); border-radius: 100%; padding: 2px; transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nwindowcontrols > button, windowcontrols > button:hover, windowcontrols > button:active { background: none; }\n\nwindowcontrols > button:hover > image { background-color: color-mix(in srgb, currentColor 15%, transparent); }\n\nwindowcontrols > button:active > image { background-color: color-mix(in srgb, currentColor 30%, transparent); }\n\nwindowcontrols > .icon { margin: 9px; }\n\n/****************** AdwWindowTitle * */\nheaderbar .title, windowtitle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }\n\nheaderbar .subtitle, windowtitle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }\n\nwindowtitle { margin-top: -6px; margin-bottom: -6px; min-height: 12px; }\n\nwindow.devel headerbar > windowhandle { background-image: cross-fade(5% -gtk-recolor(url(\"assets/devel-symbolic.svg\")), image(transparent)); background-repeat: repeat-x; }\n\nwindow.devel sheet headerbar > windowhandle { background-image: unset; background-repeat: unset; }\n\n.accent-color-row color { min-width: 16px; min-height: 16px; border-radius: 16px; }\n\n.accent-color-row color:disabled { opacity: var(--disabled-opacity); }\n\nadaptive-preview .device-view { background: #101011; color: white; box-shadow: 0 0 0 2px RGB(255 255 255/15%); margin: 2px; padding: var(--top-bezel) var(--side-bezel) var(--bottom-bezel); border-radius: var(--top-device-corner-radius) var(--top-device-corner-radius) var(--bottom-device-corner-radius) var(--bottom-device-corner-radius); --window-radius: 0px; /* Hack to make GtkGraphicsOffload disable offload in this case */ opacity: 99.9999999999999%; }\n\nadaptive-preview .device-view.custom { padding: 0; border-radius: 0; margin: 0; box-shadow: 0 2px 8px 2px RGB(0 0 0/7%), 0 3px 20px 10px RGB(0 0 0/5%), 0 6px 32px 16px RGB(0 0 0/2%), 0 0 0 1px RGB(0 0 0 / 5%); }\n\nadaptive-preview .device-view.highlight { background: oklab(from var(--accent-bg-color) 0.5 a b); box-shadow: none; }\n\nadaptive-preview .device-view.highlight .screen-view .shell-top-bar, adaptive-preview .device-view.highlight .screen-view .shell-bottom-bar { background: none; }\n\nadaptive-preview .device-view.highlight.custom { box-shadow: 0 2px 8px 2px RGB(0 0 0/7%), 0 3px 20px 10px RGB(0 0 0/5%), 0 6px 32px 16px RGB(0 0 0/2%), 0 0 0 3px oklab(from var(--accent-bg-color) 0.5 a b); }\n\nadaptive-preview .device-view .screen-view { border-radius: var(--top-screen-corner-radius) var(--top-screen-corner-radius) var(--bottom-screen-corner-radius) var(--bottom-screen-corner-radius); }\n\nadaptive-preview .device-view .screen-view.outline { filter: drop-shadow(3px 0 0 var(--accent-bg-color)) drop-shadow(-3px 0 0 var(--accent-bg-color)) drop-shadow(0 3px 0 var(--accent-bg-color)) drop-shadow(0 -3px 0 var(--accent-bg-color)); }\n\nadaptive-preview .device-view .screen-view .shell-top-bar, adaptive-preview .device-view .screen-view .shell-bottom-bar { background: black; }\n\nlabel { caret-color: currentColor; }\n\nlabel:disabled { filter: Opacity(var(--disabled-opacity)); }\n\n.dimmed, scale > value, progressbar > text, row.expander image.expander-row-arrow, row.property > box.header > box.title > .title, row label.subtitle, .dim-label, spinbutton > text > placeholder, entry > text > placeholder, headerbar .subtitle, windowtitle .subtitle, label.separator { opacity: var(--dim-opacity); }\n\n.accent { color: var(--accent-color); }\n\n.error { color: var(--accent-color); --accent-bg-color: var(--error-bg-color); --accent-fg-color: var(--error-fg-color); --accent-color: var(--error-color); }\n\n.warning { color: var(--accent-color); --accent-bg-color: var(--warning-bg-color); --accent-fg-color: var(--warning-fg-color); --accent-color: var(--warning-color); }\n\n.success { color: var(--accent-color); --accent-bg-color: var(--success-bg-color); --accent-fg-color: var(--success-fg-color); --accent-color: var(--success-color); }\n\n/********************** General Typography * */\n.title-1, statuspage > scrolledwindow > viewport > box > clamp > box > .title { font-weight: 800; font-size: 181%; }\n\n.title-2, statuspage.spinner > scrolledwindow > viewport > box > clamp > box > .title, statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title, window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title { font-weight: 800; font-size: 136%; }\n\n.title-3 { font-weight: 700; font-size: 136%; }\n\n.title-4 { font-weight: 700; font-size: 118%; }\n\n.heading, row.button .title, listview > header { font-weight: 700; }\n\n.body { font-weight: 400; }\n\n.caption-heading, columnview > header > button > box, treeview.view > header > button > box, window.print:not(.ssd-frame) treeview.dialog-action-box > header > button > box { font-weight: 700; font-size: 82%; }\n\n.caption { font-weight: 400; font-size: 82%; }\n\n.monospace { font-family: var(--monospace-font-family); font-size: var(--monospace-font-size); }\n\n.numeric, spinbutton, scale > value, progressbar > text { font-feature-settings: \"tnum\"; }\n\n/******************* Editable Labels * */\neditablelabel > stack > text { color: var(--view-fg-color); background-color: var(--view-bg-color); }\n\nlevelbar:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nlevelbar.horizontal trough > block { min-height: 8px; border-radius: 99px; }\n\nlevelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 99px; }\n\nlevelbar.horizontal.discrete > trough > block { min-height: 8px; margin-right: 2px; min-width: 26px; border-radius: 0; }\n\nlevelbar.horizontal.discrete > trough > block:first-child { border-radius: 99px 0 0 99px; }\n\nlevelbar.horizontal.discrete > trough > block:last-child { border-radius: 0 99px 99px 0; margin-right: 0; }\n\nlevelbar.vertical trough > block { min-width: 8px; border-radius: 99px; }\n\nlevelbar.vertical trough > block.empty, levelbar.vertical trough > block.full { border-radius: 99px; }\n\nlevelbar.vertical.discrete > trough > block { min-width: 8px; margin-bottom: 2px; min-height: 26px; border-radius: 0; }\n\nlevelbar.vertical.discrete > trough > block:first-child { border-radius: 99px 99px 0 0; }\n\nlevelbar.vertical.discrete > trough > block:last-child { border-radius: 0 0 99px 99px; margin-bottom: 0; }\n\nlevelbar > trough { padding: 0; }\n\nlevelbar > trough > block.low { background-color: var(--warning-bg-color); }\n\nlevelbar > trough > block.high, levelbar > trough > block:not(.empty) { background-color: var(--accent-bg-color); }\n\nlevelbar > trough > block.full { background-color: var(--success-bg-color); }\n\nlevelbar > trough > block.empty { background-color: color-mix(in srgb, currentColor 15%, transparent); }\n\n.linked:not(.vertical) > button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }\n\n.linked:not(.vertical) > button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n.linked.vertical button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }\n\n.linked.vertical button:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\n.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }\n\n.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n.linked.vertical menubutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }\n\n.linked.vertical menubutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\n.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }\n\n.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n.linked.vertical dropdown:not(:first-child) > button, .linked.vertical combobox:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }\n\n.linked.vertical dropdown:not(:last-child) > button, .linked.vertical combobox:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\n.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }\n\n.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n.linked.vertical colorbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }\n\n.linked.vertical colorbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\n.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }\n\n.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n.linked.vertical fontbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }\n\n.linked.vertical fontbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\n.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }\n\n.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n.linked.vertical tabbutton:not(:first-child) > button { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }\n\n.linked.vertical tabbutton:not(:last-child) > button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\n.linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }\n\n.linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n.linked.vertical spinbutton:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }\n\n.linked.vertical spinbutton:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\n.linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > entry:dir(rtl):not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }\n\n.linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > entry:dir(rtl):not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n.linked.vertical entry:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }\n\n.linked.vertical entry:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\n.linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }\n\n.linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n.linked.vertical combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }\n\n.linked.vertical combobox:not(:last-child) > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\n.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:first-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:last-child) > combobox > box > button.combo { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }\n\n.linked:not(.vertical) > appchooserbutton:dir(ltr):not(:last-child) > combobox > box > button.combo, .linked:not(.vertical) > appchooserbutton:dir(rtl):not(:first-child) > combobox > box > button.combo { border-top-right-radius: 0; border-bottom-right-radius: 0; }\n\n.linked.vertical appchooserbutton:not(:first-child) > combobox > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }\n\n.linked.vertical appchooserbutton:not(:last-child) > combobox > box > button.combo { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\nlink, button.link { color: var(--accent-color); text-decoration: underline; font-weight: inherit; }\n\nlink:visited, button.link:visited { color: color-mix(in srgb, var(--accent-color) 80%, var(--view-fg-color)); }\n\nlink:hover, button.link:hover { color: HSL(from var(--accent-color) h calc(s * 1.1) calc(l * 1.1)); }\n\nlink:active, button.link:active { color: var(--accent-color); }\n\nlink:disabled, button.link:disabled { color: color-mix(in srgb, currentColor var(--disabled-opacity), transparent); }\n\n.osd link, .osd button.link { color: color-mix(in srgb, var(--accent-bg-color) 50%, white); }\n\n.osd link:visited, .osd button.link:visited { color: color-mix(in srgb, var(--accent-bg-color) 75%, white); }\n\n.osd link:active, .osd button.link:active { color: color-mix(in srgb, var(--accent-bg-color) 50%, white); }\n\nlink { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nlink:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\nbutton.link, button.link:hover, button.link:active, button.link:checked { background-color: transparent; }\n\nbutton.link > label { text-decoration: underline; }\n\nlistview, list { color: var(--view-fg-color); background-color: var(--view-bg-color); background-clip: padding-box; border-color: color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\nlistview > row, list > row { padding: 2px; background-clip: padding-box; }\n\nlistview > row.expander, list > row.expander { padding: 0px; }\n\nlistview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }\n\nlistview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\nlistview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\nlistview > header { padding: 2px; padding-top: 18px; padding-bottom: 6px; }\n\nrow { background-clip: padding-box; }\n\nrow { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nrow:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\n.osd row.activatable:hover { background-color: color-mix(in srgb, currentColor 7%, transparent); }\n\n.osd row.activatable:active { background-color: color-mix(in srgb, currentColor 16%, transparent); }\n\n.osd row.activatable.has-open-popup { background-color: color-mix(in srgb, currentColor 7%, transparent); }\n\n.osd row.activatable:selected:hover { background-color: color-mix(in srgb, currentColor 13%, transparent); }\n\n.osd row.activatable:selected:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }\n\n.osd row.activatable:selected.has-open-popup { background-color: color-mix(in srgb, currentColor 13%, transparent); }\n\n.osd row:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\nrow.activatable:hover { background-color: color-mix(in srgb, currentColor 4%, transparent); }\n\nrow.activatable:active { background-color: color-mix(in srgb, currentColor 8%, transparent); }\n\nrow.activatable.has-open-popup { background-color: color-mix(in srgb, currentColor 4%, transparent); }\n\nrow.activatable:selected:hover { background-color: color-mix(in srgb, var(--accent-bg-color) 32%, transparent); }\n\nrow.activatable:selected:active { background-color: color-mix(in srgb, var(--accent-bg-color) 39%, transparent); }\n\nrow.activatable:selected.has-open-popup { background-color: color-mix(in srgb, var(--accent-bg-color) 32%, transparent); }\n\nrow:selected { background-color: color-mix(in srgb, var(--accent-bg-color) 25%, transparent); }\n\n/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */\n.rich-list { /* rich lists usually containing other widgets than just labels/text */ }\n\n.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ }\n\n.rich-list > row > box { border-spacing: 12px; }\n\n.rich-list > header { padding-left: 12px; padding-right: 12px; }\n\n/**************** AdwActionRow * */\nrow label.subtitle { font-size: smaller; }\n\nrow > box.header { margin-left: 12px; margin-right: 12px; border-spacing: 6px; min-height: 50px; }\n\nrow > box.header > .icon:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nrow > box.header > box.title { margin-top: 6px; margin-bottom: 6px; border-spacing: 3px; padding: 0; }\n\nrow > box.header > box.title, row > box.header > box.title > .title, row > box.header > box.title > .subtitle { padding: 0; font-weight: inherit; }\n\nrow > box.header > .prefixes, row > box.header > .suffixes { border-spacing: 6px; }\n\nrow > box.header > .prefixes > .suffixes, row > box.header > .suffixes > .suffixes { border-spacing: 6px; }\n\nrow > box.header > .icon:dir(ltr), row > box.header > .prefixes:dir(ltr) { margin-right: 6px; }\n\nrow > box.header > .icon:dir(rtl), row > box.header > .prefixes:dir(rtl) { margin-left: 6px; }\n\nrow.property > box.header > box.title > .title { font-size: smaller; }\n\nrow.property > box.header > box.title > .subtitle { font-size: inherit; opacity: 1; }\n\nrow.property.monospace, row.expander.property > box > list > row.monospace { font-family: inherit; font-size: inherit; }\n\nrow.property.monospace > box.header > box.title > .subtitle, row.expander.property > box > list > row.monospace > box.header > box.title > .subtitle { font-family: var(--monospace-font-family); font-size: var(--monospace-font-size); }\n\n/****************************** AdwEntryRow and AdwSpinRow * */\nrow.entry:disabled text { opacity: var(--disabled-opacity); }\n\nrow.entry:disabled .dimmed, row.entry:disabled scale > value, row.entry:disabled progressbar > text, row.entry:disabled row.expander image.expander-row-arrow, row.expander row.entry:disabled image.expander-row-arrow, row.entry:disabled spinbutton > text > placeholder, row.entry:disabled entry > text > placeholder, row.entry:disabled label.separator, row.entry:disabled row.property > box.header > box.title > .title, row.entry:disabled .dim-label, row.entry:disabled .subtitle { opacity: 1; }\n\nrow.entry > box.header { border-spacing: 0; margin-left: 6px; margin-right: 6px; }\n\nrow.entry > box.header > .editable-area { padding: 0 6px; }\n\nrow.entry > box.header > .editable-area > .edit-icon, row.entry > box.header > .editable-area > .indicator { min-width: 24px; min-height: 24px; padding: 5px; }\n\nrow.entry > box.header > .editable-area > .edit-icon:dir(ltr), row.entry > box.header > .editable-area > .indicator:dir(ltr), row.entry > box.header > .editable-area > .apply-button:dir(ltr) { margin-left: 6px; }\n\nrow.entry > box.header > .editable-area > .edit-icon:dir(rtl), row.entry > box.header > .editable-area > .indicator:dir(rtl), row.entry > box.header > .editable-area > .apply-button:dir(rtl) { margin-right: 6px; }\n\nrow.entry > box.header > .editable-area > .edit-icon:disabled { opacity: 30%; }\n\nrow.entry > box.header > .editable-area > .indicator { opacity: 30%; }\n\nrow.entry > box.header > .prefixes:dir(ltr) { margin-left: 6px; }\n\nrow.entry > box.header > .prefixes:dir(rtl) { margin-right: 6px; }\n\nrow.entry > box.header > .suffixes:dir(ltr) { margin-right: 6px; }\n\nrow.entry > box.header > .suffixes:dir(rtl) { margin-left: 6px; }\n\nrow.entry.monospace { font-family: inherit; font-size: inherit; }\n\nrow.entry.monospace text { font-family: var(--monospace-font-family); font-size: var(--monospace-font-size); }\n\nrow.spin spinbutton { background: none; border-spacing: 6px; box-shadow: none; }\n\nrow.spin spinbutton, row.spin spinbutton:focus { outline: none; }\n\nrow.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { min-width: 30px; min-height: 30px; margin: 10px 2px; border: none; }\n\nrow.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child:disabled { filter: none; }\n\nrow.entry, row.spin { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nrow.entry.focused, row.spin.focused { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -1px; }\n\nrow.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active, row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { background-color: transparent; }\n\nrow.entry.error, row.spin.error { color: var(--accent-color); }\n\nrow.entry.error .dimmed, row.entry.error scale > value, row.entry.error progressbar > text, row.entry.error row.expander image.expander-row-arrow, row.expander row.entry.error image.expander-row-arrow, row.entry.error spinbutton > text > placeholder, row.entry.error entry > text > placeholder, row.entry.error label.separator, row.entry.error row.property > box.header > box.title > .title, row.entry.error .dim-label, row.entry.error .subtitle, row.spin.error .dimmed, row.spin.error scale > value, row.spin.error progressbar > text, row.spin.error row.expander image.expander-row-arrow, row.expander row.spin.error image.expander-row-arrow, row.spin.error spinbutton > text > placeholder, row.spin.error entry > text > placeholder, row.spin.error label.separator, row.spin.error row.property > box.header > box.title > .title, row.spin.error .dim-label, row.spin.error .subtitle { opacity: 1; }\n\nrow.entry.warning, row.spin.warning { color: var(--accent-color); }\n\nrow.entry.warning .dimmed, row.entry.warning scale > value, row.entry.warning progressbar > text, row.entry.warning row.expander image.expander-row-arrow, row.expander row.entry.warning image.expander-row-arrow, row.entry.warning spinbutton > text > placeholder, row.entry.warning entry > text > placeholder, row.entry.warning label.separator, row.entry.warning row.property > box.header > box.title > .title, row.entry.warning .dim-label, row.entry.warning .subtitle, row.spin.warning .dimmed, row.spin.warning scale > value, row.spin.warning progressbar > text, row.spin.warning row.expander image.expander-row-arrow, row.expander row.spin.warning image.expander-row-arrow, row.spin.warning spinbutton > text > placeholder, row.spin.warning entry > text > placeholder, row.spin.warning label.separator, row.spin.warning row.property > box.header > box.title > .title, row.spin.warning .dim-label, row.spin.warning .subtitle { opacity: 1; }\n\nrow.entry.success, row.spin.success { color: var(--accent-color); }\n\nrow.entry.success .dimmed, row.entry.success scale > value, row.entry.success progressbar > text, row.entry.success row.expander image.expander-row-arrow, row.expander row.entry.success image.expander-row-arrow, row.entry.success spinbutton > text > placeholder, row.entry.success entry > text > placeholder, row.entry.success label.separator, row.entry.success row.property > box.header > box.title > .title, row.entry.success .dim-label, row.entry.success .subtitle, row.spin.success .dimmed, row.spin.success scale > value, row.spin.success progressbar > text, row.spin.success row.expander image.expander-row-arrow, row.expander row.spin.success image.expander-row-arrow, row.spin.success spinbutton > text > placeholder, row.spin.success entry > text > placeholder, row.spin.success label.separator, row.spin.success row.property > box.header > box.title > .title, row.spin.success .dim-label, row.spin.success .subtitle { opacity: 1; }\n\n/*************** AdwComboRow * */\nrow.combo image.dropdown-arrow:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nrow.combo listview.inline { background: none; border: none; box-shadow: none; color: inherit; }\n\nrow.combo listview.inline, row.combo listview.inline:disabled { background: none; color: inherit; }\n\nrow.combo popover > contents { min-width: 120px; }\n\nrow.combo popover > contents .combo-searchbar { margin: 6px; }\n\nrow.combo popover > contents .combo-searchbar + scrolledwindow > undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\n/****************** AdwExpanderRow * */\nlist.boxed-list-separate > row.expander row.header, list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { border-bottom: 1px solid var(--card-shade-color); }\n\nlist.boxed-list-separate > row.expander row.header, list.boxed-list > row, list.content > row, list.boxed-list > row.expander row.header, list.content > row.expander row.header, row.expander list.nested > row { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nlist.boxed-list-separate > row.expander row.header:focus:focus-visible, list.boxed-list > row:focus:focus-visible, list.content > row:focus:focus-visible, list.boxed-list > row.expander row.header:focus:focus-visible, list.content > row.expander row.header:focus:focus-visible, row.expander list.nested > row:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -1px; }\n\nlist.boxed-list-separate > row.expander row.header:not(:selected).activatable:hover, list.boxed-list > row:not(:selected).activatable:hover, list.content > row:not(:selected).activatable:hover, list.boxed-list > row.expander row.header:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover { background-color: color-mix(in srgb, currentColor 3%, transparent); }\n\nlist.boxed-list-separate > row.expander row.header:not(:selected).activatable:active, list.boxed-list > row:not(:selected).activatable:active, list.content > row:not(:selected).activatable:active, list.boxed-list > row.expander row.header:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active { background-color: color-mix(in srgb, currentColor 8%, transparent); }\n\nlist.boxed-list-separate > row.expander row.header:not(:selected).activatable.has-open-popup, list.boxed-list > row:not(:selected).activatable.has-open-popup, list.content > row:not(:selected).activatable.has-open-popup, list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup { background-color: color-mix(in srgb, currentColor 3%, transparent); }\n\nrow.expander { background: none; padding: 0px; }\n\nrow.expander > box > list { background: none; color: inherit; }\n\nrow.expander list.nested { background-color: color-mix(in srgb, var(--card-shade-color) 50%, transparent); color: inherit; }\n\nrow.expander image.expander-row-arrow { transition: -gtk-icon-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nrow.expander image.expander-row-arrow:dir(ltr) { margin-left: 3px; }\n\nrow.expander image.expander-row-arrow:dir(rtl) { margin-right: 3px; }\n\nrow.expander image.expander-row-arrow:dir(ltr) { -gtk-icon-transform: rotate(0.5turn); }\n\nrow.expander image.expander-row-arrow:dir(rtl) { -gtk-icon-transform: rotate(-0.5turn); }\n\nrow.expander image.expander-row-arrow:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nrow.expander:checked image.expander-row-arrow { -gtk-icon-transform: rotate(0turn); opacity: 1; }\n\nrow.expander:checked image.expander-row-arrow:not(:disabled) { color: var(--accent-color); }\n\n.osd row.expander:checked image.expander-row-arrow:not(:disabled) { color: inherit; }\n\nrow.expander.property.monospace > box > list > row > box.header > box.title > .subtitle, row.expander.property > box > list > row.expander.monospace > box > list > row > box.header > box.title > .subtitle { font-family: var(--monospace-font-family); font-size: var(--monospace-font-size); }\n\n/*************** AdwButtonRow * */\nrow.button > box { margin-left: 12px; margin-right: 12px; border-spacing: 6px; min-height: 40px; }\n\nrow.button > box > .icon:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nrow.button.suggested-action { background-color: var(--accent-bg-color); color: var(--accent-fg-color); border-bottom: none; }\n\nrow.button.suggested-action { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nrow.button.suggested-action:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 1px; }\n\nrow.button.suggested-action:not(.expander):not(:selected).activatable:hover { background-color: var(--accent-bg-color); background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }\n\nrow.button.suggested-action:not(.expander):not(:selected).activatable:active { background-color: var(--accent-bg-color); background-image: image(RGB(0 0 6/20%)); }\n\nrow.button.suggested-action:not(.expander):not(:selected).activatable.has-open-popup { background-color: var(--accent-bg-color); background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }\n\nrow.button.suggested-action:disabled { opacity: var(--disabled-opacity); }\n\nrow.button.suggested-action:disabled > box > .icon:disabled, row.button.suggested-action:disabled > box > label:disabled { filter: none; }\n\nrow.button.destructive-action { color: var(--accent-color); --accent-bg-color: var(--destructive-bg-color); --accent-fg-color: var(--destructive-fg-color); --accent-color: var(--destructive-color); }\n\n/***************** Boxed Lists * */\nlist.boxed-list > row.expander, list.content > row.expander { border: none; }\n\nlist.boxed-list > row:first-child, list.content > row:first-child, list.boxed-list > row:first-child.expander row.header, list.content > row:first-child.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; }\n\nlist.boxed-list > row:last-child, list.content > row:last-child, list.boxed-list > row:last-child.expander:not(:checked), list.boxed-list > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:not(:checked) row.header, list.boxed-list > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested, list.boxed-list > row:last-child.expander:checked list.nested > row:last-child, list.content > row:last-child.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom-width: 0; }\n\nlist.boxed-list-separate { background: none; color: var(--card-fg-color); }\n\nlist.boxed-list-separate > row { border: none; margin-bottom: 12px; }\n\nlist.boxed-list-separate > row:selected { background-color: var(--card-bg-color); background-color: color-mix(in srgb, var(--accent-bg-color) 25%, transparent); }\n\nlist.boxed-list-separate > row:last-child { margin-bottom: 0; }\n\nlist.boxed-list-separate > row { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-radius 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nlist.boxed-list-separate > row:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -1px; }\n\nlist.boxed-list-separate > row:not(.expander):not(:selected).activatable:hover { background-color: var(--card-bg-color); background-image: image(color-mix(in srgb, currentColor 3%, transparent)); }\n\nlist.boxed-list-separate > row:not(.expander):not(:selected).activatable:active { background-color: var(--card-bg-color); background-image: image(color-mix(in srgb, currentColor 8%, transparent)); }\n\nlist.boxed-list-separate > row:not(.expander):not(:selected).activatable.has-open-popup { background-color: var(--card-bg-color); background-image: image(color-mix(in srgb, currentColor 3%, transparent)); }\n\nlist.boxed-list-separate > row.entry:not(:selected).activatable.focused:hover, list.boxed-list-separate > row.entry:not(:selected).activatable.focused:active, list.boxed-list-separate > row.spin:not(:selected).activatable.focused:hover, list.boxed-list-separate > row.spin:not(:selected).activatable.focused:active { background-color: var(--card-bg-color); background-image: none; }\n\nlist.boxed-list-separate > row.expander row.header { border-top-left-radius: 12px; border-top-right-radius: 12px; }\n\nlist.boxed-list-separate > row.expander:not(:checked) row.header, list.boxed-list-separate > row.expander.expander:checked list.nested, list.boxed-list-separate > row.expander.expander:checked list.nested > row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-bottom: none; }\n\npopover.menu > contents { min-width: 120px; }\n\npopover.menu scrollbar.vertical > range > trough > slider { min-height: 26px; }\n\npopover.menu box.inline-buttons { padding: 0 12px; }\n\npopover.menu box.inline-buttons button.image-button.model { min-height: 32px; min-width: 32px; padding: 0; border: none; outline: none; transition: none; }\n\npopover.menu box.inline-buttons button.image-button.model:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\npopover.menu box.inline-buttons button.image-button.model:selected:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }\n\npopover.menu box.circular-buttons { padding: 12px 12px 6px; }\n\npopover.menu box.circular-buttons button.circular.image-button.model { outline: none; padding: 11px; box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\npopover.menu box.circular-buttons button.circular.image-button.model:selected { background-color: color-mix(in srgb, currentColor 13%, transparent); box-shadow: none; }\n\npopover.menu box.circular-buttons button.circular.image-button.model:selected:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }\n\npopover.menu > contents { padding: 0; }\n\npopover.menu > contents > stack > box, popover.menu > contents > scrolledwindow > viewport > stack > box { padding: 6px; }\n\npopover.menu separator { margin: 6px 0; }\n\npopover.menu list separator { margin: 0; }\n\npopover.menu accelerator { color: color-mix(in srgb, currentColor var(--dim-opacity), transparent); }\n\npopover.menu accelerator:dir(ltr) { margin-left: 12px; }\n\npopover.menu accelerator:dir(rtl) { margin-right: 12px; }\n\npopover.menu check, popover.menu radio { min-width: 14px; min-height: 14px; -gtk-icon-size: 14px; padding: 2px; }\n\npopover.menu check, popover.menu check:hover:checked, popover.menu check:hover:indeterminate, popover.menu check:hover:not(:checked):not(:indeterminate), popover.menu check:active:checked, popover.menu check:active:indeterminate, popover.menu check:active:not(:checked):not(:indeterminate), popover.menu radio, popover.menu radio:hover:checked, popover.menu radio:hover:indeterminate, popover.menu radio:hover:not(:checked):not(:indeterminate), popover.menu radio:active:checked, popover.menu radio:active:indeterminate, popover.menu radio:active:not(:checked):not(:indeterminate) { background: none; box-shadow: none; color: inherit; }\n\n.osd popover.menu check, .osd popover.menu radio { background: none; color: inherit; }\n\npopover.menu radio { padding: 1px; border: 1px solid color-mix(in srgb, currentColor 30%, transparent); }\n\npopover.menu check.left, popover.menu radio.left, popover.menu arrow.left { margin-left: -2px; margin-right: 6px; }\n\npopover.menu check.right, popover.menu radio.right, popover.menu arrow.right { margin-left: 6px; margin-right: -2px; }\n\npopover.menu modelbutton { min-height: 32px; min-width: 40px; padding: 0 12px; border-radius: 9px; background-color: transparent; }\n\npopover.menu modelbutton:hover, popover.menu modelbutton:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\npopover.menu modelbutton:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }\n\npopover.menu modelbutton arrow { background: none; min-width: 16px; min-height: 16px; opacity: 30%; }\n\npopover.menu modelbutton arrow:hover { background: none; }\n\npopover.menu modelbutton arrow:disabled { filter: Opacity(var(--disabled-opacity)); }\n\npopover.menu modelbutton arrow.left { -gtk-icon-source: -gtk-icontheme(\"go-previous-symbolic\"); }\n\npopover.menu modelbutton arrow.right { -gtk-icon-source: -gtk-icontheme(\"go-next-symbolic\"); }\n\npopover.menu label.title { font-weight: bold; padding: 4px 32px; }\n\npopover.menu list, popover.menu listview { background: none; color: inherit; }\n\npopover.menu list > row, popover.menu listview > row { border-radius: 9px; padding: 0 12px; min-height: 32px; min-width: 40px; }\n\npopover.menu list > row:selected, popover.menu listview > row:selected { background: none; }\n\npopover.menu list > row:hover, popover.menu list > row:hover:selected.activatable, popover.menu listview > row:hover, popover.menu listview > row:hover:selected.activatable { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\npopover.menu list > row:active, popover.menu list > row:active:selected.activatable, popover.menu listview > row:active, popover.menu listview > row:active:selected.activatable { background-color: color-mix(in srgb, currentColor 19%, transparent); }\n\npopover.menu list > row.has-open-popup, popover.menu list > row.has-open-popup:selected.activatable, popover.menu listview > row.has-open-popup, popover.menu listview > row.has-open-popup:selected.activatable { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\npopover.menu list > row > box, popover.menu listview > row > box { border-spacing: 6px; }\n\npopover.menu contents > list, popover.menu contents > listview, popover.menu scrolledwindow > viewport > list, popover.menu scrolledwindow > listview { padding: 6px 0; }\n\npopover.menu contents > list > row, popover.menu contents > listview > row, popover.menu scrolledwindow > viewport > list > row, popover.menu scrolledwindow > listview > row { margin: 0 6px; padding: 9px 12px; min-height: 0; }\n\nmenubar { box-shadow: inset 0 -1px color-mix(in srgb, currentColor var(--border-opacity), transparent); padding-bottom: 1px; }\n\nmenubar > item { min-height: 16px; padding: 4px 8px; border-radius: 9px; }\n\nmenubar > item:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\nmenubar > item popover.menu popover.menu { padding: 0 0 4px 0; }\n\nmenubar > item popover.menu popover.menu > contents { margin: 0; border-radius: 15px; }\n\ntoolbarview > .top-bar menubar, toolbarview > .bottom-bar menubar { box-shadow: none; padding-bottom: 0; }\n\n/******************** GtkMessageDialog * */\nwindow.dialog.message { background-color: var(--dialog-bg-color); color: var(--dialog-fg-color); }\n\nwindow.dialog.message.csd { outline: none; }\n\nwindow.dialog.message .titlebar { min-height: 32px; background: none; box-shadow: none; }\n\nwindow.dialog.message.csd:not(.solid-csd) { border-radius: 18px; }\n\nwindow.dialog.message.csd .dialog-action-area { margin: 0; padding: 24px; padding-top: 21px; border-spacing: 12px; }\n\nwindow.dialog.message.csd .dialog-action-area > button { min-height: 24px; padding: 10px 20px; border-radius: 12px; }\n\n/******************** AdwMessageDialog * */\nwindow.messagedialog, dialog-host > dialog.alert sheet, window.dialog-window.alert { background-color: var(--dialog-bg-color); color: var(--dialog-fg-color); }\n\ndialog-host > dialog.alert sheet { border-radius: 18px; outline: none; }\n\nwindow.messagedialog.csd:not(.solid-csd), window.dialog-window.alert.csd:not(.solid-csd) { border-radius: 18px; }\n\nwindow.messagedialog.csd, window.dialog-window.alert.csd { outline: none; }\n\ndialog-host > dialog.alert sheet .body-scrolled-window scrollbar.vertical, window.dialog-window.alert .body-scrolled-window scrollbar.vertical { padding-top: 6px; }\n\ndialog-host > dialog.alert sheet .body-scrolled-window > viewport, window.dialog-window.alert .body-scrolled-window > viewport { border-top-left-radius: 18px; border-top-right-radius: 18px; }\n\nwindow.messagedialog .message-area, dialog.alert .message-area { padding-top: 32px; padding-bottom: 9px; border-spacing: 24px; }\n\nwindow.messagedialog .message-area.has-heading.has-body, dialog.alert .message-area.has-heading.has-body { border-spacing: 10px; }\n\nwindow.messagedialog .message-area.has-heading.has-body > .child, dialog.alert .message-area.has-heading.has-body > .child { margin-top: 8px; }\n\nwindow.messagedialog .message-area > .heading-bin, window.messagedialog .message-area > .body, window.messagedialog .message-area > .child, dialog.alert .message-area > .heading-bin, dialog.alert .message-area > .body, dialog.alert .message-area > .child { padding-left: 24px; padding-right: 24px; }\n\nwindow.messagedialog .response-area, dialog.alert .response-area { padding: 24px; padding-top: 12px; border-spacing: 12px; }\n\nwindow.messagedialog .response-area > button, dialog.alert .response-area > button { min-height: 24px; min-width: 60px; padding: 10px 20px; border-radius: 12px; }\n\nwindow.messagedialog.short .message-area, dialog.alert.short .message-area { padding-top: 24px; border-spacing: 18px; }\n\nwindow.messagedialog.short .message-area > .heading-bin, window.messagedialog.short .message-area > .body, window.messagedialog.short .message-area > .child, dialog.alert.short .message-area > .heading-bin, dialog.alert.short .message-area > .body, dialog.alert.short .message-area > .child { padding-left: 18px; padding-right: 18px; }\n\nwindow.messagedialog.short .message-area.has-heading.has-body, dialog.alert.short .message-area.has-heading.has-body { border-spacing: 6px; }\n\nwindow.messagedialog.short .response-area, dialog.alert.short .response-area { padding: 18px; padding-top: 9px; }\n\nwindow.messagedialog.short .response-area > button, dialog.alert.short .response-area > button { min-width: 0; padding: 8px 16px; }\n\n/********** Frames * */\nframe, .frame { border: 1px solid color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\nframe { border-radius: 12px; }\n\nframe > label { margin: 4px; }\n\n/************** Separators * */\nseparator { background: color-mix(in srgb, currentColor var(--border-opacity), transparent); min-width: 1px; min-height: 1px; }\n\nseparator.spacer { background: none; }\n\nseparator.spacer.horizontal { min-width: 12px; }\n\nseparator.spacer.vertical { min-height: 12px; }\n\n/********** Toasts * */\ntoast { background: #505053; color: white; box-shadow: 0 1px 3px 1px RGB(0 0 6/7%), 0 2px 6px 2px RGB(0 0 6/3%); --standalone-color-oklab: Max(l, 0.85) a b; --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab)); --destructive-color: oklab(from var(--destructive-bg-color) var(--standalone-color-oklab)); --success-color: oklab(from var(--success-bg-color) var(--standalone-color-oklab)); --warning-color: oklab(from var(--warning-bg-color) var(--standalone-color-oklab)); --error-color: oklab(from var(--error-bg-color) var(--standalone-color-oklab)); margin: 12px; margin-bottom: 24px; border-radius: 150px; border-spacing: 6px; padding: 6px; }\n\ntoast:dir(ltr) { padding-left: 12px; }\n\ntoast:dir(rtl) { padding-right: 12px; }\n\ntoast > widget { margin: 0 6px; }\n\n/************** GtkVideo * */\nvideo image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }\n\n/****************** AdwAboutWindow * */\nwindow.about .main-page > viewport > clamp > box, dialog.about .main-page > viewport > clamp > box { margin: 12px; border-spacing: 6px; }\n\nwindow.about .main-page > viewport > clamp > box > box, dialog.about .main-page > viewport > clamp > box > box { margin-top: 18px; border-spacing: 18px; margin-bottom: 6px; }\n\nwindow.about .main-page .app-version, dialog.about .main-page .app-version { padding: 3px 18px; color: var(--accent-color); border-radius: 999px; margin-top: 3px; }\n\nwindow.about .subpage > viewport > clamp > box, dialog.about .subpage > viewport > clamp > box { margin: 18px 12px; border-spacing: 18px; }\n\nwindow.about .subpage > clamp > textview, dialog.about .subpage > clamp > textview { background: none; color: inherit; }\n\n/***************** AdwStatusPage * */\nstatuspage > scrolledwindow > viewport > box { margin: 36px 12px; border-spacing: 36px; }\n\nstatuspage > scrolledwindow > viewport > box > clamp > box { border-spacing: 12px; }\n\nstatuspage > scrolledwindow > viewport > box > clamp > box > .icon { color: color-mix(in srgb, currentColor var(--dim-opacity), transparent); -gtk-icon-size: 128px; }\n\nstatuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { opacity: var(--disabled-opacity); }\n\nstatuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 24px; }\n\nstatuspage.compact > scrolledwindow > viewport > box { margin: 24px 12px; border-spacing: 24px; }\n\nstatuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 96px; }\n\nstatuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 12px; }\n\nstatuspage.spinner > scrolledwindow > viewport > box { margin: 24px 12px; border-spacing: 24px; }\n\nstatuspage.spinner > scrolledwindow > viewport > box > clamp > box > .icon { -gtk-icon-size: 64px; }\n\nstatuspage.spinner > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { margin-bottom: 12px; }\n\n/* Cards */\nshortcut > .keycap, list.boxed-list, list.content, list.boxed-list-separate > row, .card { background-color: var(--card-bg-color); color: var(--card-fg-color); border-radius: 12px; box-shadow: 0 0 0 1px RGB(0 0 6/3%), 0 1px 3px 1px RGB(0 0 6/7%), 0 2px 6px 2px RGB(0 0 6/3%); }\n\n.osd shortcut > .keycap, .osd list.boxed-list, .osd list.content, .osd list.boxed-list-separate > row, shortcut > .osd.keycap, list.osd.boxed-list, list.osd.content, list.boxed-list-separate > row.osd, .osd .card, .card.osd { background-color: color-mix(in srgb, currentColor 10%, transparent); color: RGB(255 255 255/90%); box-shadow: none; }\n\n.card { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\n.card:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -1px; }\n\n.card.activatable { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\n.card.activatable:hover { background-image: image(color-mix(in srgb, currentColor 3%, transparent)); }\n\n.card.activatable:active { background-image: image(color-mix(in srgb, currentColor 8%, transparent)); }\n\n/* Transition shadows */\nflap > dimming, leaflet > dimming, navigation-view > dimming, overlay-split-view > dimming { background: var(--shade-color); }\n\nflap > shadow, leaflet > shadow, navigation-view > shadow, overlay-split-view > shadow { min-width: 56px; min-height: 56px; }\n\nflap > shadow.left, leaflet > shadow.left, navigation-view > shadow.left, overlay-split-view > shadow.left { background-image: linear-gradient(to right, color-mix(in srgb, var(--shade-color) 70%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 40px, RGB(from var(--shade-color) r g b/0) 56px), linear-gradient(to right, color-mix(in srgb, var(--shade-color) 40%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 7px, RGB(from var(--shade-color) r g b/0) 24px); }\n\nflap > shadow.right, leaflet > shadow.right, navigation-view > shadow.right, overlay-split-view > shadow.right { background-image: linear-gradient(to left, color-mix(in srgb, var(--shade-color) 70%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 40px, RGB(from var(--shade-color) r g b/0) 56px), linear-gradient(to left, color-mix(in srgb, var(--shade-color) 40%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 7px, RGB(from var(--shade-color) r g b/0) 24px); }\n\nflap > shadow.up, leaflet > shadow.up, navigation-view > shadow.up, overlay-split-view > shadow.up { background-image: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 70%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 40px, RGB(from var(--shade-color) r g b/0) 56px), linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 40%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 7px, RGB(from var(--shade-color) r g b/0) 24px); }\n\nflap > shadow.down, leaflet > shadow.down, navigation-view > shadow.down, overlay-split-view > shadow.down { background-image: linear-gradient(to top, color-mix(in srgb, var(--shade-color) 70%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 40px, RGB(from var(--shade-color) r g b/0) 56px), linear-gradient(to top, color-mix(in srgb, var(--shade-color) 40%, transparent), color-mix(in srgb, var(--shade-color) 14%, transparent) 7px, RGB(from var(--shade-color) r g b/0) 24px); }\n\nnotebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nnotebook:focus:focus-visible > header > tabs > tab:checked { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\nnotebook > header { padding: 1px; border-color: color-mix(in srgb, currentColor var(--border-opacity), transparent); border-width: 1px; background-clip: padding-box; }\n\nnotebook > header > tabs { margin: -1px; }\n\nnotebook > header.top { border-bottom-style: solid; }\n\nnotebook > header.top > tabs { margin-bottom: -2px; }\n\nnotebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\nnotebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px var(--accent-bg-color); }\n\nnotebook > header.bottom { border-top-style: solid; }\n\nnotebook > header.bottom > tabs { margin-top: -2px; }\n\nnotebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\nnotebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px var(--accent-bg-color); }\n\nnotebook > header.left { border-right-style: solid; }\n\nnotebook > header.left > tabs { margin-right: -2px; }\n\nnotebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\nnotebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 var(--accent-bg-color); }\n\nnotebook > header.right { border-left-style: solid; }\n\nnotebook > header.right > tabs { margin-left: -2px; }\n\nnotebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\nnotebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 var(--accent-bg-color); }\n\nnotebook > header.top > tabs > arrow { border-top-style: none; }\n\nnotebook > header.bottom > tabs > arrow { border-bottom-style: none; }\n\nnotebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; }\n\nnotebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme(\"pan-start-symbolic\"); }\n\nnotebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme(\"pan-end-symbolic\"); }\n\nnotebook > header.left > tabs > arrow { border-left-style: none; }\n\nnotebook > header.right > tabs > arrow { border-right-style: none; }\n\nnotebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }\n\nnotebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme(\"pan-up-symbolic\"); }\n\nnotebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme(\"pan-down-symbolic\"); }\n\nnotebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; }\n\nnotebook > header > tabs > arrow:hover:not(:active) { box-shadow: none; }\n\nnotebook > header > tabs > tab { transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 30px; min-width: 30px; padding: 3px 12px; font-weight: normal; }\n\nnotebook > header > tabs > tab:hover, notebook > header > tabs > tab:active { background-color: color-mix(in srgb, currentColor 7%, transparent); }\n\nnotebook > header > tabs > tab:not(:checked) { outline-color: transparent; }\n\nnotebook > header > tabs > tab:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nnotebook > header > tabs > tab:disabled a label, notebook > header > tabs > tab:disabled button { filter: none; }\n\nnotebook > header > tabs > tab button.flat { color: color-mix(in srgb, currentColor 30%, transparent); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; }\n\nnotebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.flat:active { color: currentColor; }\n\nnotebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }\n\nnotebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }\n\nnotebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; }\n\nnotebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; }\n\nnotebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; }\n\nnotebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; }\n\nnotebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 4px; }\n\nnotebook > header.left > tabs, notebook > header.right > tabs { padding-top: 4px; padding-bottom: 4px; }\n\nnotebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; }\n\nnotebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; }\n\nnotebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; }\n\nnotebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; }\n\nnotebook > header.top > tabs > tab { padding-bottom: 4px; }\n\nnotebook > header.bottom > tabs > tab { padding-top: 4px; }\n\nnotebook > stack:not(:only-child) { background-color: var(--view-bg-color); }\n\npaned > separator { min-width: 1px; min-height: 1px; background: none; background-size: 1px 1px; }\n\npaned > separator.wide { min-width: 5px; min-height: 5px; }\n\npaned.horizontal > separator:dir(ltr) { box-shadow: inset 1px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\npaned.horizontal > separator:dir(rtl) { box-shadow: inset -1px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\npaned.horizontal > separator.wide { box-shadow: inset 1px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent), inset -1px 0 color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\npaned.vertical > separator { box-shadow: inset 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\npaned.vertical > separator.wide { box-shadow: inset 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent), inset 0 -1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\ntoolbarview.undershoot-top popover scrolledwindow:not(.undershoot-top) undershoot.top, toolbarview.undershoot-bottom popover scrolledwindow:not(.undershoot-bottom) undershoot.bottom { background: none; box-shadow: none; }\n\npopover { --shade-color: var(--popover-shade-color); }\n\npopover.background { background-color: transparent; font: initial; }\n\npopover > arrow, popover > contents { background-color: var(--popover-bg-color); color: var(--popover-fg-color); background-clip: padding-box; border: 1px solid RGB(0 0 0/14%); box-shadow: 0 1px 5px 1px RGB(0 0 0/9%), 0 2px 14px 3px RGB(0 0 0/5%); }\n\npopover > contents { padding: 8px; border-radius: 15px; }\n\npopover > contents > list, popover > contents > .view, window.print:not(.ssd-frame) popover > contents > .dialog-action-box, popover > contents > toolbar { border-style: none; background-color: transparent; }\n\n.solid-csd popover { background: var(--popover-bg-color); color: var(--popover-fg-color); border: 1px solid var(--border-color); }\n\n.solid-csd popover > arrow, .solid-csd popover > contents { box-shadow: none; border-radius: 0; background-clip: border-box; border: none; }\n\n.osd popover, popover.touch-selection, popover.magnifier { background-color: transparent; color: RGB(255 255 255/90%); }\n\n.osd popover > arrow, .osd popover > contents, popover.touch-selection > arrow, popover.touch-selection > contents, popover.magnifier > arrow, popover.magnifier > contents { border-color: RGB(255 255 255/10%); box-shadow: none; }\n\npreferencespage > scrolledwindow > viewport > clamp > box { margin: 24px 12px; border-spacing: 24px; }\n\npreferencesgroup > box, preferencesgroup > box box.labels { border-spacing: 6px; }\n\npreferencesgroup > box > box.header:not(.single-line) { margin-bottom: 6px; }\n\npreferencesgroup > box > box.single-line { min-height: 34px; }\n\nprogressbar.horizontal > trough { min-width: 150px; }\n\nprogressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 8px; }\n\nprogressbar.vertical > trough { min-height: 80px; }\n\nprogressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 8px; }\n\nprogressbar > text { font-size: smaller; }\n\nprogressbar:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nprogressbar > trough > progress { /* share most of scales' */ border-radius: 99px; }\n\nprogressbar > trough > progress.left { border-top-left-radius: 99px; border-bottom-left-radius: 99px; }\n\nprogressbar > trough > progress.right { border-top-right-radius: 99px; border-bottom-right-radius: 99px; }\n\nprogressbar > trough > progress.top { border-top-right-radius: 99px; border-top-left-radius: 99px; }\n\nprogressbar > trough > progress.bottom { border-bottom-right-radius: 99px; border-bottom-left-radius: 99px; }\n\nprogressbar.osd { min-width: 2px; min-height: 2px; }\n\nprogressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }\n\nprogressbar.osd > trough > progress { border-style: none; border-radius: 0; }\n\nprogressbar.osd.horizontal > trough, progressbar.osd.horizontal > trough > progress { min-height: 2px; }\n\nprogressbar.osd.vertical > trough, progressbar.osd.vertical > trough > progress { min-width: 2px; }\n\nprogressbar > trough.empty > progress { all: unset; }\n\nscale > trough > fill, scale > trough, progressbar > trough { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 99px; background-color: color-mix(in srgb, currentColor 15%, transparent); }\n\nscale > trough > highlight, progressbar > trough > progress { transition: background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 99px; background-color: var(--accent-bg-color); color: var(--accent-fg-color); }\n\nscale { min-height: 10px; min-width: 10px; padding: 12px; }\n\nscale > trough > slider { outline: 0 solid transparent; outline-offset: 6px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nscale:focus:focus-visible > trough > slider { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 0; }\n\nscale > trough > slider { background-color: color-mix(in srgb, white 80%, var(--view-bg-color)); box-shadow: 0 0 0 1px RGB(0 0 6 / 10%), 0 2px 4px RGB(0 0 6/20%); border-radius: 100%; min-width: 20px; min-height: 20px; margin: -8px; }\n\nscale:hover > trough, scale:active > trough { background-color: color-mix(in srgb, currentColor 20%, transparent); }\n\nscale:hover > trough > highlight, scale:active > trough > highlight { background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }\n\nscale:hover > trough > slider, scale:active > trough > slider { background-color: white; }\n\nscale:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nscale:disabled > trough > slider { box-shadow: 0 0 0 1px RGB(0 0 6 / 10%), 0 2px 4px transparent; outline-color: RGB(0 0 6 / 20%); }\n\nscale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { transform: rotate(45deg); box-shadow: 0 0 0 1px RGB(0 0 6 / 10%), 1px 1px 4px RGB(0 0 6/20%); }\n\nscale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-after:not(.marks-before) > trough > slider:disabled { box-shadow: 0 0 0 1px RGB(0 0 6 / 10%), 1px 1px 4px transparent; }\n\nscale.horizontal > marks { color: color-mix(in srgb, currentColor var(--dim-opacity), transparent); }\n\nscale.horizontal > marks.top { margin-bottom: 6px; }\n\nscale.horizontal > marks.bottom { margin-top: 6px; }\n\nscale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }\n\nscale.horizontal:not(.marks-before) > value.top { margin-bottom: 12px; }\n\nscale.horizontal:not(.marks-after) > value.bottom { margin-top: 12px; }\n\nscale.horizontal > value.left { margin-right: 9px; }\n\nscale.horizontal > value.right { margin-left: 9px; }\n\nscale.horizontal.fine-tune > trough { margin: -3px 0px; }\n\nscale.horizontal.fine-tune > trough > slider { margin: -5px -8px; }\n\nscale.horizontal.fine-tune > marks.top { margin-top: 3px; }\n\nscale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; }\n\nscale.horizontal.fine-tune > marks indicator { min-height: 3px; }\n\nscale.horizontal.marks-before { padding-top: 0; }\n\nscale.horizontal.marks-before > trough > slider { border-top-left-radius: 0; }\n\nscale.horizontal.marks-after { padding-bottom: 0; }\n\nscale.horizontal.marks-after > trough > slider { border-bottom-right-radius: 0; }\n\nscale.horizontal.marks-before.marks-after > trough > slider { border-radius: 100%; }\n\nscale.vertical > marks { color: color-mix(in srgb, currentColor var(--dim-opacity), transparent); }\n\nscale.vertical > marks.top { margin-right: 6px; }\n\nscale.vertical > marks.bottom { margin-left: 6px; }\n\nscale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }\n\nscale.vertical:not(.marks-before) > value.left { margin-right: 12px; }\n\nscale.vertical:not(.marks-after) > value.right { margin-left: 12px; }\n\nscale.vertical > value.top { margin-bottom: 9px; }\n\nscale.vertical > value.bottom { margin-top: 9px; }\n\nscale.vertical.fine-tune > trough { margin: 0px -3px; }\n\nscale.vertical.fine-tune > trough > slider { margin: -8px -5px; }\n\nscale.vertical.fine-tune > marks.top { margin-left: 3px; }\n\nscale.vertical.fine-tune > marks.bottom { margin-right: 3px; }\n\nscale.vertical.fine-tune > marks indicator { min-width: 3px; }\n\nscale.vertical.marks-before { padding-left: 0; }\n\nscale.vertical.marks-before > trough > slider { border-bottom-left-radius: 0; }\n\nscale.vertical.marks-after { padding-right: 0; }\n\nscale.vertical.marks-after > trough > slider { border-top-right-radius: 0; }\n\nscale.color { padding: 0; }\n\nscale.color > trough { border: none; background: none; border-radius: 10px; }\n\nscale.color > trough > slider { margin: 0; background-color: RGB(255 255 255/80%); }\n\nscale.color.fine-tune { padding: 2px; }\n\nscale.color.fine-tune > trough > slider { margin: -2px; }\n\nscrollbar > range > trough { margin: 9px; transition: all 200ms linear; border-radius: 99px; }\n\nscrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -8px; border: 8px solid transparent; border-radius: 99px; background-clip: padding-box; transition: all 200ms linear; background-color: color-mix(in srgb, currentColor 20%, transparent); }\n\nscrollbar > range > trough > slider:hover { background-color: color-mix(in srgb, currentColor 40%, transparent); }\n\nscrollbar > range > trough > slider:active { background-color: color-mix(in srgb, currentColor 60%, transparent); }\n\nscrollbar > range > trough > slider:disabled { opacity: 0; }\n\nscrollbar.horizontal > range > trough { margin-top: 8px; margin-bottom: 8px; }\n\nscrollbar.vertical > range > trough { margin-left: 8px; margin-right: 8px; }\n\nscrollbar.overlay-indicator { background: none; color: inherit; box-shadow: none; padding: 0; }\n\nscrollbar.overlay-indicator > range > trough { outline: 1px solid transparent; }\n\nscrollbar.overlay-indicator > range > trough > slider { outline: 1px solid color-mix(in srgb, var(--scrollbar-outline-color) 60%, transparent); outline-offset: -8px; }\n\nscrollbar.overlay-indicator:not(.hovering) > range > trough > slider { min-width: 3px; min-height: 3px; outline-color: color-mix(in srgb, var(--scrollbar-outline-color) 35%, transparent); }\n\nscrollbar.overlay-indicator.hovering > range > trough { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\nscrollbar.overlay-indicator.horizontal > range > trough > slider { min-width: 40px; }\n\nscrollbar.overlay-indicator.horizontal.hovering > range > trough > slider { min-height: 8px; }\n\nscrollbar.overlay-indicator.horizontal:not(.hovering) > range > trough { margin-top: 4px; margin-bottom: 4px; }\n\nscrollbar.overlay-indicator.vertical > range > trough > slider { min-height: 40px; }\n\nscrollbar.overlay-indicator.vertical.hovering > range > trough > slider { min-width: 8px; }\n\nscrollbar.overlay-indicator.vertical:not(.hovering) > range > trough { margin-left: 4px; margin-right: 4px; }\n\nscrollbar.horizontal > range > trough > slider { min-width: 40px; }\n\nscrollbar.vertical > range > trough > slider { min-height: 40px; }\n\nscrollbar > range.fine-tune > trough > slider, scrollbar > range.fine-tune > trough > slider:hover, scrollbar > range.fine-tune > trough > slider:active { background-color: color-mix(in srgb, var(--accent-color) 60%, transparent); }\n\nscrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, color-mix(in srgb, currentColor 12%, transparent) 85%, RGB(from currentColor r g b/0)), radial-gradient(farthest-side at top, color-mix(in srgb, currentColor 5%, transparent), RGB(from currentColor r g b/0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }\n\nscrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, color-mix(in srgb, currentColor 12%, transparent) 85%, RGB(from currentColor r g b/0)), radial-gradient(farthest-side at bottom, color-mix(in srgb, currentColor 5%, transparent), RGB(from currentColor r g b/0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }\n\nscrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, color-mix(in srgb, currentColor 12%, transparent) 85%, RGB(from currentColor r g b/0)), radial-gradient(farthest-side at left, color-mix(in srgb, currentColor 5%, transparent), RGB(from currentColor r g b/0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }\n\nscrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, color-mix(in srgb, currentColor 12%, transparent) 85%, RGB(from currentColor r g b/0)), radial-gradient(farthest-side at right, color-mix(in srgb, currentColor 5%, transparent), RGB(from currentColor r g b/0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }\n\nscrolledwindow.undershoot-top > undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\nscrolledwindow.undershoot-bottom > undershoot.bottom { box-shadow: inset 0 -1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to top, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\nscrolledwindow.undershoot-start:dir(ltr) > undershoot.left { box-shadow: inset 1px 0 color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to right, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\nscrolledwindow.undershoot-start:dir(rtl) > undershoot.right { box-shadow: inset -1px 0 color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to left, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\nscrolledwindow.undershoot-end:dir(ltr) > undershoot.right { box-shadow: inset -1px 0 color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to left, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\nscrolledwindow.undershoot-end:dir(rtl) > undershoot.left { box-shadow: inset 1px 0 color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to right, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\nshortcuts-section { margin: 20px; }\n\n.shortcuts-search-results { margin: 20px; border-spacing: 24px; }\n\nshortcut { border-spacing: 6px; border-radius: 6px; }\n\nshortcut { outline: 0 solid transparent; outline-offset: 8px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nshortcut:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 4px; }\n\nshortcut > .keycap { min-width: 20px; min-height: 25px; padding: 2px 6px; border-radius: 6px; font-size: smaller; }\n\nshortcuts-section stackswitcher.circular { border-spacing: 12px; }\n\nshortcuts-section stackswitcher.circular > button.circular, shortcuts-section stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }\n\nwindow.shortcuts:not(.ssd-frame) headerbar.titlebar > windowhandle { padding-top: 3px; }\n\nwindow.shortcuts:not(.ssd-frame) searchbar { background: none; }\n\n.sidebar-pane { background-color: var(--sidebar-bg-color); color: var(--sidebar-fg-color); --shade-color: var(--sidebar-shade-color); }\n\n.sidebar-pane:backdrop { background-color: var(--sidebar-backdrop-color); transition: background-color 200ms ease-out; }\n\n.sidebar-pane banner > revealer > widget { background-color: color-mix(in srgb, var(--banner-color) 30%, var(--sidebar-bg-color)); color: var(--sidebar-fg-color); }\n\n.sidebar-pane banner > revealer > widget:backdrop { background-color: color-mix(in srgb, var(--banner-color) 15%, var(--sidebar-bg-color)); }\n\n.sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 var(--sidebar-border-color); }\n\n.sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 var(--sidebar-border-color); }\n\n/* Middle pane in three-pane setups */\n:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane { background-color: var(--secondary-sidebar-bg-color); color: var(--secondary-sidebar-fg-color); --shade-color: var(--secondary-sidebar-shade-color); }\n\n:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane:backdrop, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane:backdrop { background-color: var(--secondary-sidebar-backdrop-color); transition: background-color 200ms ease-out; }\n\n:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane banner > revealer > widget, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane banner > revealer > widget { background-color: color-mix(in srgb, var(--banner-color) 30%, var(--secondary-sidebar-bg-color)); color: var(--secondary-sidebar-fg-color); }\n\n:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane banner > revealer > widget:backdrop, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane banner > revealer > widget:backdrop { background-color: color-mix(in srgb, var(--banner-color) 15%, var(--secondary-sidebar-bg-color)); }\n\n:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane:dir(ltr), :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane:dir(ltr) banner > revealer > widget, :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane.end:dir(rtl), :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane.end:dir(rtl) banner > revealer > widget, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane:dir(ltr), :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane:dir(ltr) banner > revealer > widget, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane.end:dir(rtl), :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane.end:dir(rtl) banner > revealer > widget { box-shadow: inset -1px 0 var(--secondary-sidebar-border-color); }\n\n:not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane:dir(rtl), :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane:dir(rtl) banner > revealer > widget, :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane.end:dir(ltr), :not(.isolated) > .content-pane :not(.isolated) > .sidebar-pane.end:dir(ltr) banner > revealer > widget, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane:dir(rtl), :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane:dir(rtl) banner > revealer > widget, :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane.end:dir(ltr), :not(.isolated) > .sidebar-pane :not(.isolated) > .content-pane.end:dir(ltr) banner > revealer > widget { box-shadow: inset 1px 0 var(--secondary-sidebar-border-color); }\n\n.sidebar-pane .sidebar-pane { background-color: transparent; color: inherit; }\n\nstacksidebar row { padding: 10px 4px; }\n\nstacksidebar row > label { padding-left: 6px; padding-right: 6px; }\n\nstacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }\n\n/********************** Navigation Sidebar * */\n.navigation-sidebar { padding: 6px 0; }\n\n.navigation-sidebar, .navigation-sidebar.view, window.print:not(.ssd-frame) .navigation-sidebar.dialog-action-box, .navigation-sidebar.view:disabled { background-color: transparent; color: inherit; }\n\n.navigation-sidebar.background, .navigation-sidebar.background:disabled { background-color: var(--window-bg-color); color: var(--window-fg-color); }\n\n.navigation-sidebar row.activatable:hover, .navigation-sidebar child.activatable:hover, .navigation-sidebar flowboxchild:hover { background-color: color-mix(in srgb, currentColor 7%, transparent); }\n\n.navigation-sidebar row.activatable:active, .navigation-sidebar child.activatable:active, .navigation-sidebar flowboxchild:active { background-color: color-mix(in srgb, currentColor 16%, transparent); }\n\n.navigation-sidebar row.activatable.has-open-popup, .navigation-sidebar child.activatable.has-open-popup, .navigation-sidebar flowboxchild.has-open-popup { background-color: color-mix(in srgb, currentColor 7%, transparent); }\n\n.navigation-sidebar row.activatable:selected:hover, .navigation-sidebar child.activatable:selected:hover, .navigation-sidebar flowboxchild:selected:hover { background-color: color-mix(in srgb, currentColor 13%, transparent); }\n\n.navigation-sidebar row.activatable:selected:active, .navigation-sidebar child.activatable:selected:active, .navigation-sidebar flowboxchild:selected:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }\n\n.navigation-sidebar row.activatable:selected.has-open-popup, .navigation-sidebar child.activatable:selected.has-open-popup, .navigation-sidebar flowboxchild:selected.has-open-popup { background-color: color-mix(in srgb, currentColor 13%, transparent); }\n\n.navigation-sidebar row:selected, .navigation-sidebar child:selected, .navigation-sidebar flowboxchild:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\n.navigation-sidebar > separator { margin: 6px; }\n\n.navigation-sidebar > row { border-radius: 9px; min-height: 36px; padding: 0 8px; margin: 0 6px 2px; }\n\n.navigation-sidebar > child, .navigation-sidebar > flowboxchild { border-radius: 9px; margin: 3px; padding: 8px; }\n\ngridview.navigation-sidebar, flowbox.navigation-sidebar { padding: 3px; }\n\n@keyframes spin { to { transform: rotate(1turn); } }\n\nspinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme(\"process-working-symbolic\"); }\n\nspinner:checked { opacity: 1; animation: spin 1s linear infinite; }\n\nspinner:checked:disabled { opacity: var(--disabled-opacity); }\n\n/************** AdwSpinner * */\nimage.spinner:disabled { opacity: var(--disabled-opacity); }\n\nspinbutton { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ }\n\nspinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { margin: 0; border-radius: 0; box-shadow: none; border-style: solid; border-color: color-mix(in srgb, currentColor 10%, transparent); }\n\nspinbutton:not(.vertical) { /* :not here just to bump specificity above that of the list button styling */ }\n\nspinbutton:not(.vertical) > text { min-width: 28px; padding: 6px; }\n\nspinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { min-height: 16px; min-width: 22px; padding-bottom: 0; padding-top: 0; border-left-width: 1px; }\n\nspinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl) { border-left-width: 0; border-right-width: 1px; }\n\nspinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child { border-radius: 0 9px 9px 0; }\n\nspinbutton:not(.vertical) > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { border-radius: 9px 0 0 9px; }\n\nspinbutton.vertical { /* :not here just to bump specificity above that of the list button styling */ }\n\nspinbutton.vertical > text { min-height: 30px; min-width: 30px; }\n\nspinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child { border-top-width: 1px; border-radius: 0 0 9px 9px; }\n\nspinbutton.vertical > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child, spinbutton.vertical > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):first-child { border-bottom-width: 1px; border-radius: 9px 9px 0 0; }\n\nswitch { border-radius: 14px; padding: 3px; background-color: color-mix(in srgb, currentColor 15%, transparent); }\n\nswitch:hover { background-color: color-mix(in srgb, currentColor 20%, transparent); }\n\nswitch:active { background-color: color-mix(in srgb, currentColor 25%, transparent); }\n\nswitch { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nswitch:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 1px; }\n\nswitch:disabled { filter: Opacity(var(--disabled-opacity)); }\n\nswitch > slider { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: color-mix(in srgb, white 80%, var(--view-bg-color)); box-shadow: 0 2px 4px RGB(0 0 6/20%); }\n\nswitch > slider:disabled { box-shadow: 0 2px 4px transparent; }\n\nswitch:hover > slider, switch:active > slider { background: white; }\n\nswitch:checked { color: var(--accent-fg-color); background-color: var(--accent-bg-color); }\n\nswitch:checked:hover { background-image: image(color-mix(in srgb, currentColor 10%, transparent)); }\n\nswitch:checked:active { background-image: image(RGB(0 0 6/20%)); }\n\nswitch:checked > slider { background-color: white; }\n\n.osd switch:checked { background-color: RGB(255 255 255/60%); }\n\ntabbar .box { background-color: var(--headerbar-bg-color); color: var(--headerbar-fg-color); box-shadow: inset 0 -1px var(--headerbar-shade-color); padding: 1px; padding-top: 0; }\n\ntabbar .box:backdrop { background-color: var(--headerbar-backdrop-color); transition: background-color 200ms ease-out; }\n\ntabbar .box:backdrop > scrolledwindow, tabbar .box:backdrop > .start-action, tabbar .box:backdrop > .end-action { filter: opacity(0.5); transition: filter 200ms ease-out; }\n\ntabbar tabbox { padding-bottom: 6px; padding-top: 6px; min-height: 34px; }\n\ntabbar tabbox > tabboxchild { border-radius: 9px; }\n\ntabbar tabbox > tabboxchild { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\ntabbar tabbox > tabboxchild:focus-within:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\ntabbar tabbox > separator { margin-top: 3px; margin-bottom: 3px; transition: opacity 150ms ease-in-out; }\n\ntabbar tabbox > separator.hidden { opacity: 0; }\n\ntabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 3px 6px; background: color-mix(in srgb, var(--accent-color) 50%, transparent); }\n\ntabbar tab { transition: background 150ms ease-in-out; }\n\ntabbar tab:selected { background-color: color-mix(in srgb, currentColor 10%, transparent); }\n\ntabbar tab:selected:hover { background-color: color-mix(in srgb, currentColor 13%, transparent); }\n\ntabbar tab:selected:active { background-color: color-mix(in srgb, currentColor 19%, transparent); }\n\ntabbar tab:hover { background-color: color-mix(in srgb, currentColor 7%, transparent); }\n\ntabbar tab:active { background-color: color-mix(in srgb, currentColor 16%, transparent); }\n\ntabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { background: none; }\n\ntabbar .start-action, tabbar .end-action { padding: 6px 5px; }\n\ntabbar .start-action:dir(ltr), tabbar .end-action:dir(rtl) { padding-right: 0; }\n\ntabbar .start-action:dir(rtl), tabbar .end-action:dir(ltr) { padding-left: 0; }\n\ntoolbarview > .top-bar tabbar .box, toolbarview > .bottom-bar tabbar .box, tabbar.inline .box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 0; }\n\ntoolbarview > .top-bar tabbar .box:backdrop, toolbarview > .bottom-bar tabbar .box:backdrop, tabbar.inline .box:backdrop { background-color: transparent; transition: none; }\n\ntoolbarview > .top-bar tabbar .box:backdrop > scrolledwindow, toolbarview > .bottom-bar tabbar .box:backdrop > scrolledwindow, tabbar.inline .box:backdrop > scrolledwindow, toolbarview > .top-bar tabbar .box:backdrop > .start-action, toolbarview > .bottom-bar tabbar .box:backdrop > .start-action, tabbar.inline .box:backdrop > .start-action, toolbarview > .top-bar tabbar .box:backdrop > .end-action, toolbarview > .bottom-bar tabbar .box:backdrop > .end-action, tabbar.inline .box:backdrop > .end-action { filter: none; transition: none; }\n\ntoolbarview > .top-bar .collapse-spacing tabbar tabbox, toolbarview > .bottom-bar .collapse-spacing tabbar tabbox, toolbarview > .top-bar .collapse-spacing tabbar .start-action, toolbarview > .bottom-bar .collapse-spacing tabbar .start-action, toolbarview > .top-bar .collapse-spacing tabbar .end-action, toolbarview > .bottom-bar .collapse-spacing tabbar .end-action { padding-top: 3px; padding-bottom: 3px; }\n\ndnd tab { background-color: var(--headerbar-bg-color); background-image: image(color-mix(in srgb, currentColor 19%, transparent)); color: var(--headerbar-fg-color); box-shadow: 0 0 0 1px RGB(0 0 0/3%), 0 1px 3px 1px RGB(0 0 0/7%), 0 2px 6px 2px RGB(0 0 0/3%); margin: 25px; }\n\ntabbar tab, dnd tab { min-height: 26px; padding: 4px; border-radius: 9px; }\n\ntabbar tab button.image-button, dnd tab button.image-button { padding: 0; margin: 0; min-width: 24px; min-height: 24px; border-radius: 99px; }\n\ntabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; background: color-mix(in srgb, var(--accent-color) 50%, transparent); transform: translateY(4px); }\n\ntabgrid > tabgridchild .card { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\ntabgrid > tabgridchild:focus:focus-visible .card { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 0; }\n\ntabthumbnail { border-radius: 16px; transition: box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\ntabthumbnail > box { margin: 6px; }\n\ntabthumbnail:drop(active) { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--accent-bg-color) 40%, transparent); background-color: color-mix(in srgb, var(--accent-bg-color) 10%, transparent); }\n\ntabthumbnail .needs-attention:dir(ltr) { transform: translate(8px, -8px); }\n\ntabthumbnail .needs-attention:dir(rtl) { transform: translate(-8px, -8px); }\n\ntabthumbnail .needs-attention > widget { background: var(--accent-color); min-width: 12px; min-height: 12px; border-radius: 8px; margin: 3px; box-shadow: 0 1px 2px color-mix(in srgb, var(--accent-color) 40%, transparent); }\n\ntabthumbnail .card { background: none; color: inherit; }\n\ntabthumbnail .card picture { outline: 1px solid RGB(255 255 255/7%); outline-offset: -1px; border-radius: 12px; }\n\ntabthumbnail.pinned .card { background-color: var(--thumbnail-bg-color); color: var(--thumbnail-fg-color); }\n\ntabthumbnail .icon-title-box { border-spacing: 6px; }\n\ntabthumbnail .tab-unpin-icon { margin: 6px; min-width: 24px; min-height: 24px; }\n\ntabthumbnail button.circular { margin: 6px; background-color: color-mix(in srgb, var(--thumbnail-bg-color) 75%, transparent); min-width: 24px; min-height: 24px; }\n\ntabthumbnail button.circular:hover { background-color: color-mix(in srgb, var(--thumbnail-bg-color) calc(0.9 * 75%), currentColor calc(0.1 * 75%)); }\n\ntabthumbnail button.circular:active { background-color: color-mix(in srgb, var(--thumbnail-bg-color) calc(0.8 * 75%), currentColor calc(0.2 * 75%)); }\n\ntaboverview > .overview { color: var(--overview-fg-color); background-color: var(--overview-bg-color); }\n\ntaboverview > .overview .new-tab-button { margin: 18px; }\n\ntabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; }\n\ncursor-handle { all: unset; padding: 24px 20px; }\n\ncursor-handle > contents { min-width: 20px; min-height: 20px; border-radius: 50%; background-color: var(--accent-bg-color); }\n\ncursor-handle.top > contents { border-top-right-radius: 0; }\n\ncursor-handle.bottom > contents { border-top-left-radius: 0; transform: translateX(1px); }\n\ncursor-handle.insertion-cursor > contents { border-top-left-radius: 0; transform: translateX(1px) translateY(4px) rotate(45deg); }\n\nmagnifier { background-color: var(--view-bg-color); }\n\n/****************** AdwToggleGroup * */\ntoggle-group { ---group-padding: 3px; background: color-mix(in srgb, currentColor 10%, transparent); border-radius: 9px; padding: var(---group-padding); }\n\ntoggle-group:disabled { background-color: color-mix(in srgb, color-mix(in srgb, currentColor 10%, transparent) var(--disabled-opacity), transparent); }\n\ntoggle-group > toggle { border-radius: calc(9px - var(---group-padding)); font-weight: bold; min-width: 34px; min-height: calc(34px - var(---group-padding) * 2); }\n\ntoggle-group > toggle.image-button > image:disabled { filter: opacity(30%); }\n\ntoggle-group > toggle.text-button { min-width: calc(18px + var(---group-padding) * 2); padding-left: calc(11px - var(---group-padding)); padding-right: calc(11px - var(---group-padding)); }\n\ntoggle-group > toggle.text-button > label:disabled { filter: opacity(30%); }\n\ntoggle-group > toggle.image-text-button { min-width: calc(10px + var(---group-padding) * 2); padding-left: calc(11px - var(---group-padding)); padding-right: calc(11px - var(---group-padding)); }\n\ntoggle-group > toggle.image-text-button > buttoncontent > box > label { padding: 0; }\n\ntoggle-group > toggle.image-text-button > buttoncontent > box > image:disabled, toggle-group > toggle.image-text-button > buttoncontent > box > label:disabled { filter: opacity(30%); }\n\ntoggle-group > toggle { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\ntoggle-group > toggle:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 0; }\n\ntoggle-group > toggle:hover { background-color: color-mix(in srgb, currentColor 7%, transparent); }\n\ntoggle-group > toggle:active, toggle-group > toggle.keyboard-activating { background-color: color-mix(in srgb, currentColor 16%, transparent); }\n\ntoggle-group > toggle:checked { background-color: var(--active-toggle-bg-color); color: var(--active-toggle-fg-color); box-shadow: 0 1px 3px 1px RGB(0 0 6/7%), 0 2px 6px 2px RGB(0 0 6/3%); }\n\ntoggle-group > toggle:checked:disabled { background-color: color-mix(in srgb, var(--active-toggle-bg-color) var(--disabled-opacity), transparent); }\n\ntoggle-group > toggle:checked:disabled { box-shadow: none; }\n\ntoggle-group.osd, .osd toggle-group { --active-toggle-bg-color: white; --active-toggle-fg-color: rgb(0 0 0 / 80%); }\n\ntoggle-group.osd:not(.flat) > toggle:checked, .osd toggle-group:not(.flat) > toggle:checked { --accent-bg-color: rgb(0 0 0 / 75%); --accent-fg-color: white; --standalone-color-oklab: Min(l, 0.5) a b; --accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab)); --destructive-color: oklab(from var(--destructive-bg-color) var(--standalone-color-oklab)); --success-color: oklab(from var(--success-bg-color) var(--standalone-color-oklab)); --warning-color: oklab(from var(--warning-bg-color) var(--standalone-color-oklab)); --error-color: oklab(from var(--error-bg-color) var(--standalone-color-oklab)); box-shadow: 0 1px 3px 1px RGB(0 0 6/7%), 0 2px 6px 2px RGB(0 0 6/3%); }\n\ntoggle-group.osd:not(.flat) > toggle:checked, .osd toggle-group:not(.flat) > toggle:checked { outline: 0 solid transparent; outline-offset: 5px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\ntoggle-group.osd:not(.flat) > toggle:checked:focus:focus-visible, .osd toggle-group:not(.flat) > toggle:checked:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: 1px; }\n\ntoggle-group.osd:not(.flat) > toggle:checked:focus:focus-visible, .osd toggle-group:not(.flat) > toggle:checked:focus:focus-visible { outline-color: color-mix(in srgb, RGB(255 255 255/75%) 50%, transparent); }\n\ntoggle-group.osd:not(.flat) > toggle:checked:disabled, .osd toggle-group:not(.flat) > toggle:checked:disabled { box-shadow: none; }\n\ntoggle-group.vertical > toggle:not(.text-button):not(.image-text-button) { min-width: calc(34px - var(---group-padding) * 2); }\n\ntoggle-group > separator { transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\ntoggle-group > separator.horizontal { margin: calc(6px - var(---group-padding)) 1px; }\n\ntoggle-group > separator.vertical { margin: 1px calc(6px - var(---group-padding)); }\n\ntoggle-group > separator.hidden { opacity: 0; }\n\ntoggle-group > separator:disabled { filter: Opacity(var(--disabled-opacity)); }\n\ntoggle-group.round { border-radius: 17px; }\n\ntoggle-group.round toggle { border-radius: calc(17px - var(---group-padding)); }\n\ntoggle-group.round toggle.text-button, toggle-group.round toggle.image-text-button { padding-left: calc(15px - var(---group-padding)); padding-right: calc(15px - var(---group-padding)); }\n\ntoggle-group.round separator.horizontal { margin: calc(9px - var(---group-padding)) 1px; }\n\ntoggle-group.round separator.vertical { margin: 1px calc(9px - var(---group-padding)); }\n\ntoggle-group.flat { ---group-padding: 0px; background: none; color: inherit; box-shadow: none; }\n\ntoggle-group.flat > toggle { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\ntoggle-group.flat > toggle:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\ntoggle-group.flat > toggle:checked { background-color: color-mix(in srgb, currentColor 10%, transparent); color: inherit; box-shadow: none; box-shadow: none; }\n\ntoggle-group.flat > toggle:checked:hover { background-color: color-mix(in srgb, currentColor 13%, transparent); }\n\ntoggle-group.flat > toggle:checked:active, toggle-group.flat > toggle:checked.keyboard-activating { background-color: color-mix(in srgb, currentColor 19%, transparent); }\n\ntoggle-group.flat > toggle:checked:disabled { background-color: color-mix(in srgb, color-mix(in srgb, currentColor 10%, transparent) var(--disabled-opacity), transparent); }\n\ntoggle-group.flat > separator { background: none; }\n\n/************************* AdwInlineViewSwitcher * */\ninline-view-switcher > toggle-group.icons > toggle { min-width: 34px; }\n\ninline-view-switcher > toggle-group.labels > toggle { min-width: calc(18px + var(---group-padding) * 2); }\n\ninline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin { padding-left: calc(11px - var(---group-padding)); padding-right: calc(11px - var(---group-padding)); }\n\ninline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin > label { padding: 0 6px; }\n\ninline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin > indicator, inline-view-switcher > toggle-group.labels > toggle > widget > indicatorbin > mask { transform: translateY(2px); }\n\ninline-view-switcher > toggle-group.both > toggle { min-width: calc(10px + var(---group-padding) * 2); }\n\ninline-view-switcher > toggle-group.both > toggle > widget > box { padding-left: calc(15px - var(---group-padding)); padding-right: calc(15px - var(---group-padding)); border-spacing: 6px; }\n\nactionbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, searchbar > revealer > box menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, .toolbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, headerbar menubutton:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled { filter: none; }\n\nactionbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).arrow-button:disabled:not(:checked), searchbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).arrow-button:disabled:not(:checked), .toolbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).arrow-button:disabled:not(:checked), headerbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).arrow-button:disabled:not(:checked), actionbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button:disabled:not(:checked), searchbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button:disabled:not(:checked), .toolbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button:disabled:not(:checked), headerbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-button:disabled:not(:checked), actionbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-text-button:disabled:not(:checked), searchbar > revealer > box menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-text-button:disabled:not(:checked), .toolbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-text-button:disabled:not(:checked), headerbar menubutton.raised > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque).image-text-button:disabled:not(:checked) { filter: none; }\n\nactionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) { color: inherit; background-color: transparent; }\n\nactionbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), searchbar > revealer > box menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), .toolbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), headerbar menubutton.suggested-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), actionbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), searchbar > revealer > box menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), .toolbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), headerbar menubutton.opaque > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked) { filter: none; }\n\nactionbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), searchbar > revealer > box menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), .toolbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked), headerbar menubutton.destructive-action > button:not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled:not(:checked) { filter: none; }\n\nactionbar > revealer > box switch, searchbar > revealer > box switch, .toolbar switch, headerbar switch { margin-top: 4px; margin-bottom: 4px; }\n\n.toolbar { padding: 6px; border-spacing: 6px; }\n\n.toolbar.osd { padding: 12px; border-radius: 15px; }\n\ntoolbarview > .top-bar .collapse-spacing .toolbar, toolbarview > .bottom-bar .collapse-spacing .toolbar { padding-top: 3px; padding-bottom: 3px; }\n\n/**************** GtkSearchBar * */\nsearchbar > revealer > box { padding: 6px 6px 7px 6px; background-color: var(--headerbar-bg-color); color: var(--headerbar-fg-color); box-shadow: inset 0 -1px var(--headerbar-shade-color); }\n\nsearchbar > revealer > box:backdrop { background-color: var(--headerbar-backdrop-color); transition: background-color 200ms ease-out; }\n\nsearchbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; }\n\nsearchbar > revealer > box .close { min-width: 18px; min-height: 18px; padding: 4px; border-radius: 50%; }\n\nsearchbar > revealer > box .close:dir(ltr) { margin-left: 10px; margin-right: 4px; }\n\nsearchbar > revealer > box .close:dir(rtl) { margin-left: 4px; margin-right: 10px; }\n\ntoolbarview > .top-bar searchbar > revealer > box, toolbarview > .bottom-bar searchbar > revealer > box, searchbar.inline > revealer > box, window.appchooser:not(.ssd-frame) searchbar > revealer > box, window.shortcuts:not(.ssd-frame) searchbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-bottom: 6px; }\n\ntoolbarview > .top-bar searchbar > revealer > box:backdrop, toolbarview > .bottom-bar searchbar > revealer > box:backdrop, searchbar.inline > revealer > box:backdrop { background-color: transparent; transition: none; }\n\ntoolbarview > .top-bar searchbar > revealer > box:backdrop > *, toolbarview > .bottom-bar searchbar > revealer > box:backdrop > *, searchbar.inline > revealer > box:backdrop > * { filter: none; transition: none; }\n\ntoolbarview > .top-bar .collapse-spacing searchbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing searchbar > revealer > box, window.appchooser.csd:not(.ssd-frame) searchbar > revealer > box, window.shortcuts:not(.ssd-frame) searchbar > revealer > box { padding-top: 3px; padding-bottom: 3px; }\n\n/**************** GtkActionBar * */\nactionbar > revealer > box { background-color: var(--headerbar-bg-color); color: var(--headerbar-fg-color); box-shadow: inset 0 1px var(--headerbar-shade-color); padding: 7px 6px 6px 6px; }\n\nactionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; }\n\nactionbar > revealer > box:backdrop { background-color: var(--headerbar-backdrop-color); transition: background-color 200ms ease-out; }\n\nactionbar > revealer > box:backdrop > * { filter: opacity(0.5); transition: filter 200ms ease-out; }\n\ntoolbarview > .top-bar actionbar > revealer > box, toolbarview > .bottom-bar actionbar > revealer > box { background-color: transparent; color: inherit; box-shadow: none; padding-top: 6px; }\n\ntoolbarview > .top-bar actionbar > revealer > box:backdrop, toolbarview > .bottom-bar actionbar > revealer > box:backdrop { background-color: transparent; transition: none; }\n\ntoolbarview > .top-bar actionbar > revealer > box:backdrop > *, toolbarview > .bottom-bar actionbar > revealer > box:backdrop > * { filter: none; transition: none; }\n\ntoolbarview > .top-bar .collapse-spacing actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing actionbar > revealer > box { padding-top: 3px; padding-bottom: 3px; }\n\n/************* AdwBanner * */\nbanner { --banner-color: #7d7d83; }\n\nbanner > revealer > widget { /* There are 2 more instances in _sidebars.css, keep in sync with that */ background-color: color-mix(in srgb, var(--banner-color) 30%, var(--window-bg-color)); color: var(--window-fg-color); padding: 6px; }\n\nbanner > revealer > widget:backdrop { background-color: color-mix(in srgb, var(--banner-color) 15%, var(--window-bg-color)); transition: background-color 200ms ease-out; }\n\nbanner > revealer > widget:backdrop > label, banner > revealer > widget:backdrop > button { filter: opacity(0.5); transition: filter 200ms ease-out; }\n\n/****************** AdwToolbarView * */\ntoolbarview > .top-bar .collapse-spacing, toolbarview > .bottom-bar .collapse-spacing { padding-top: 3px; padding-bottom: 3px; }\n\ntoolbarview > .top-bar.raised, toolbarview > .bottom-bar.raised { background-color: var(--headerbar-bg-color); color: var(--headerbar-fg-color); }\n\ntoolbarview > .top-bar.raised:backdrop, toolbarview > .bottom-bar.raised:backdrop { background-color: var(--headerbar-backdrop-color); transition: background-color 200ms ease-out; }\n\ntoolbarview > .top-bar:backdrop > windowhandle, toolbarview > .bottom-bar:backdrop > windowhandle { filter: opacity(0.5); transition: filter 200ms ease-out; }\n\ntoolbarview > .top-bar.raised { box-shadow: 0 1px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent), 0 2px 4px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent); }\n\ntoolbarview > .top-bar.raised.border { box-shadow: 0 1px var(--headerbar-darker-shade-color); }\n\ntoolbarview > .bottom-bar.raised { box-shadow: 0 -1px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent), 0 -2px 4px color-mix(in srgb, var(--headerbar-shade-color) 50%, transparent); }\n\ntoolbarview > .bottom-bar.raised.border { box-shadow: 0 -1px var(--headerbar-darker-shade-color); }\n\ntoolbarview.undershoot-top scrolledwindow > undershoot.top { box-shadow: inset 0 1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to bottom, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\ntoolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { box-shadow: inset 0 -1px color-mix(in srgb, var(--shade-color) 75%, transparent); background: linear-gradient(to top, color-mix(in srgb, var(--shade-color) 75%, transparent), transparent 4px); }\n\nwindow.devel toolbarview > .top-bar { background-image: cross-fade(5% -gtk-recolor(url(\"assets/devel-symbolic.svg\")), image(transparent)); background-repeat: repeat-x; }\n\nwindow.devel sheet toolbarview > .top-bar { background-image: unset; background-repeat: unset; }\n\ntooltip { padding: 6px 10px; border-radius: 9px; box-shadow: none; }\n\ntooltip.background { background-color: RGB(0 0 6/80%); background-clip: padding-box; border: 1px solid RGB(255 255 255/10%); color: white; }\n\ntooltip > box { border-spacing: 6px; }\n\n.view, window.print:not(.ssd-frame) .dialog-action-box, textview > text, dialog-host > dialog.view sheet, window.print:not(.ssd-frame) dialog-host > dialog.dialog-action-box sheet, iconview { color: var(--view-fg-color); background-color: var(--view-bg-color); }\n\n.view:disabled, window.print:not(.ssd-frame) .dialog-action-box:disabled, textview > text:disabled, dialog-host > dialog.view sheet:disabled, window.print:not(.ssd-frame) dialog-host > dialog.dialog-action-box sheet:disabled, iconview:disabled { color: color-mix(in srgb, currentColor 5%, transparent); background-color: color-mix(in srgb, var(--window-bg-color) 60%, var(--view-bg-color)); }\n\n.view:selected:focus, .view:selected, window.print:not(.ssd-frame) .dialog-action-box:selected, textview > text:selected, dialog-host > dialog.view sheet:selected, window.print:not(.ssd-frame) dialog-host > dialog.dialog-action-box sheet:selected, iconview:selected { background-color: color-mix(in srgb, var(--accent-bg-color) 25%, transparent); border-radius: 9px; }\n\ntextview { caret-color: currentColor; }\n\ntextview > text, textview > text:disabled { background-color: transparent; }\n\ntextview.inline, textview.inline:disabled, textview.inline > text { background-color: transparent; color: inherit; }\n\ntextview > border { background-color: color-mix(in srgb, var(--window-bg-color), var(--view-bg-color) 50%); }\n\ntextview:drop(active) { caret-color: var(--accent-bg-color); }\n\nrubberband { border: 1px solid var(--accent-color); background-color: color-mix(in srgb, var(--accent-color) 20%, transparent); }\n\nflowbox > flowboxchild, gridview > child { padding: 3px; border-radius: 9px; }\n\nflowbox > flowboxchild, gridview > child { outline: 0 solid transparent; outline-offset: 4px; transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }\n\nflowbox > flowboxchild:focus:focus-visible, gridview > child:focus:focus-visible { outline-color: color-mix(in srgb, var(--accent-color) 50%, transparent); outline-width: 2px; outline-offset: -2px; }\n\nflowbox > flowboxchild:selected, gridview > child:selected { background-color: color-mix(in srgb, var(--accent-bg-color) 25%, transparent); }\n\ngridview > child.activatable:hover { background-color: color-mix(in srgb, currentColor 4%, transparent); }\n\ngridview > child.activatable:active { background-color: color-mix(in srgb, currentColor 8%, transparent); }\n\ngridview > child.activatable:selected:hover { background-color: color-mix(in srgb, var(--accent-bg-color) 32%, transparent); }\n\ngridview > child.activatable:selected:active { background-color: color-mix(in srgb, var(--accent-bg-color) 39%, transparent); }\n\nviewswitcher { border-spacing: 3px; min-height: 34px; }\n\nviewswitcher.narrow { margin-top: -3px; margin-bottom: -3px; min-height: 6px; }\n\nviewswitcher button.toggle { padding: 0; }\n\nviewswitcher button.toggle > stack > box.narrow { font-size: 0.75rem; padding-top: 4px; }\n\nviewswitcher button.toggle > stack > box.narrow > label { min-height: 18px; padding-left: 3px; padding-right: 3px; padding-bottom: 2px; }\n\nviewswitcher button.toggle > stack > box.wide { padding: 2px 12px; border-spacing: 6px; }\n\n/********************** AdwViewSwitcherBar * */\nviewswitcherbar actionbar > revealer > box { padding-left: 0; padding-right: 0; padding-top: 7px; }\n\ntoolbarview > .top-bar .collapse-spacing viewswitcherbar actionbar > revealer > box, toolbarview > .bottom-bar .collapse-spacing viewswitcherbar actionbar > revealer > box { padding-top: 6px; }\n\n/************************ AdwViewSwitcherTitle * */\nviewswitchertitle { margin-top: -6px; margin-bottom: -6px; }\n\nviewswitchertitle viewswitcher { margin-left: 12px; margin-right: 12px; }\n\nviewswitchertitle viewswitcher.narrow { margin-top: 3px; margin-bottom: 3px; }\n\nviewswitchertitle viewswitcher.wide { margin-top: 6px; margin-bottom: 6px; }\n\nviewswitchertitle windowtitle { margin-top: 0; margin-bottom: 0; }\n\n/******************* AdwIndicatorBin * */\nindicatorbin > indicator, indicatorbin > mask { min-width: 6px; min-height: 6px; border-radius: 100px; }\n\nindicatorbin > indicator { margin: 1px; background: color-mix(in srgb, currentColor 40%, transparent); }\n\nindicatorbin > mask { padding: 1px; background: black; }\n\nindicatorbin.needs-attention > indicator { background: var(--accent-color); }\n\nindicatorbin.badge > indicator, indicatorbin.badge > mask { min-height: 13px; }\n\nindicatorbin.badge > indicator > label { font-size: 0.6rem; font-weight: bold; padding-left: 4px; padding-right: 4px; color: white; }\n\nindicatorbin.badge.needs-attention > indicator { background: var(--accent-bg-color); }\n\nindicatorbin.badge.needs-attention > indicator > label { color: var(--accent-fg-color); }\n\nwindow.csd { box-shadow: 0 1px 3px 3px transparent, 0 2px 8px 2px RGB(0 0 0/13%), 0 3px 20px 10px RGB(0 0 0/9%), 0 6px 32px 16px RGB(0 0 0/4%), 0 0 0 1px RGB(0 0 0 / 0.5%); margin: 0px; border-radius: var(--window-radius); outline: 1px solid RGB(255 255 255/7%); outline-offset: -1px; }\n\nwindow.csd:backdrop { box-shadow: 0 1px 3px 3px RGB(0 0 0/9%), 0 2px 14px 5px RGB(0 0 0/5%), 0 4px 28px 12px RGB(0 0 0/3%), 0 6px 32px 16px transparent, 0 0 0 1px RGB(0 0 0 / 2%); transition: box-shadow 200ms ease-out; }\n\nwindow.csd.dialog.message, window.csd.messagedialog { box-shadow: 0 2px 8px 2px RGB(0 0 0/7%), 0 3px 20px 10px RGB(0 0 0/5%), 0 6px 32px 16px RGB(0 0 0/2%), 0 0 0 1px RGB(0 0 0 / 5%); }\n\nwindow.csd.tiled, window.csd.tiled-top, window.csd.tiled-left, window.csd.tiled-right, window.csd.tiled-bottom { --window-radius: 0px; outline: none; box-shadow: 0 0 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent), 0 0 0 20px transparent; }\n\nwindow.csd.tiled:backdrop, window.csd.tiled-top:backdrop, window.csd.tiled-left:backdrop, window.csd.tiled-right:backdrop, window.csd.tiled-bottom:backdrop { box-shadow: 0 0 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent), 0 0 0 20px transparent; }\n\nwindow.csd.maximized, window.csd.fullscreen { --window-radius: 0px; outline: none; box-shadow: none; transition: none; }\n\nwindow.csd.ssd-frame { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }\n\nwindow.solid-csd { margin: 0; padding: 5px; --window-radius: 0px; box-shadow: inset 0 0 0 5px color-mix(in srgb, currentColor var(--border-opacity), transparent), inset 0 0 0 4px var(--headerbar-bg-color), inset 0 0 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\nwindow.solid-csd:backdrop { box-shadow: inset 0 0 0 5px color-mix(in srgb, currentColor var(--border-opacity), transparent), inset 0 0 0 4px var(--headerbar-backdrop-color), inset 0 0 0 1px color-mix(in srgb, currentColor var(--border-opacity), transparent); }\n\nwindow.ssd { box-shadow: 0 0 0 1px RGB(0 0 0 / 5%); }\n\n/* Public colors from Default */\n@define-color theme_bg_color @window_bg_color;\n@define-color theme_fg_color @window_fg_color;\n@define-color theme_base_color @view_bg_color;\n@define-color theme_text_color @view_fg_color;\n@define-color theme_selected_bg_color @accent_bg_color;\n@define-color theme_selected_fg_color @accent_fg_color;\n@define-color insensitive_bg_color color-mix(in srgb, @window_bg_color 60%, @view_bg_color);\n@define-color insensitive_fg_color color-mix(in srgb, @window_fg_color 50%, transparent);\n@define-color insensitive_base_color @view_bg_color;\n@define-color borders color-mix(in srgb, currentColor 15%, transparent);\n@define-color theme_unfocused_bg_color @window_bg_color;\n@define-color theme_unfocused_fg_color @window_fg_color;\n@define-color theme_unfocused_base_color @view_bg_color;\n@define-color theme_unfocused_text_color @view_fg_color;\n@define-color theme_unfocused_selected_bg_color @accent_bg_color;\n@define-color theme_unfocused_selected_fg_color @accent_fg_color;\n@define-color unfocused_insensitive_color @insensitive_bg_color;\n@define-color unfocused_borders @borders;\n" }, { "path": "gtk/Tahoe-Light/gtk-4.0/gtk-dark.css", "content": "/* GTK NAMED COLORS ---------------- use responsibly! */\n@define-color destructive_bg_color @red_4;\n@define-color destructive_fg_color white;\n@define-color success_bg_color @green_5;\n@define-color success_fg_color white;\n@define-color warning_bg_color #cd9309;\n@define-color warning_fg_color RGB(0 0 0 / 80%);\n@define-color error_bg_color @red_4;\n@define-color error_fg_color white;\n@define-color accent_color oklab(from @accent_bg_color max(l, 0.85) a b);\n@define-color destructive_color oklab(from @destructive_bg_color max(l, 0.85) a b);\n@define-color success_color oklab(from @success_bg_color max(l, 0.85) a b);\n@define-color warning_color oklab(from @warning_bg_color max(l, 0.85) a b);\n@define-color error_color oklab(from @error_bg_color max(l, 0.85) a b);\n@define-color window_bg_color #222226;\n@define-color window_fg_color white;\n@define-color view_bg_color #1d1d20;\n@define-color view_fg_color white;\n@define-color headerbar_bg_color #2e2e32;\n@define-color headerbar_fg_color white;\n@define-color headerbar_border_color white;\n@define-color headerbar_backdrop_color @window_bg_color;\n@define-color headerbar_shade_color RGB(0 0 6/36%);\n@define-color headerbar_darker_shade_color RGB(0 0 12/90%);\n@define-color sidebar_bg_color #2e2e32;\n@define-color sidebar_fg_color white;\n@define-color sidebar_backdrop_color #28282c;\n@define-color sidebar_shade_color RGB(0 0 6/25%);\n@define-color sidebar_border_color RGB(0 0 6/36%);\n@define-color secondary_sidebar_bg_color #28282c;\n@define-color secondary_sidebar_fg_color white;\n@define-color secondary_sidebar_backdrop_color #252529;\n@define-color secondary_sidebar_shade_color RGB(0 0 6/25%);\n@define-color secondary_sidebar_border_color RGB(0 0 6/36%);\n@define-color card_bg_color RGB(255 255 255/8%);\n@define-color card_fg_color white;\n@define-color card_shade_color RGB(0 0 6/36%);\n@define-color dialog_bg_color #36363a;\n@define-color dialog_fg_color white;\n@define-color popover_bg_color #36363a;\n@define-color popover_fg_color white;\n@define-color popover_shade_color RGB(0 0 6/25%);\n@define-color thumbnail_bg_color #39393d;\n@define-color thumbnail_fg_color white;\n@define-color shade_color RGB(0 0 6/25%);\n@define-color scrollbar_outline_color RGB(0 0 12/95%);\n:root {\n --standalone-color-oklab: max(l, 0.85) a b;\n --accent-color: oklab(\n from var(--accent-bg-color) var(--standalone-color-oklab)\n );\n --destructive-color: oklab(\n from var(--destructive-bg-color) var(--standalone-color-oklab)\n );\n --success-color: oklab(\n from var(--success-bg-color) var(--standalone-color-oklab)\n );\n --warning-color: oklab(\n from var(--warning-bg-color) var(--standalone-color-oklab)\n );\n --error-color: oklab(\n from var(--error-bg-color) var(--standalone-color-oklab)\n );\n --active-toggle-bg-color: rgb(255 255 255 / 20%);\n --active-toggle-fg-color: #ffffff;\n --overview-bg-color: #28282c;\n --overview-fg-color: #ffffff;\n}\n@import '../gtk-3.0/libadwaita.css';\n@import '../gtk-3.0/libadwaita-tweaks.css';\n\n* {\n border-radius: 20px;\n}\n\nwindow {\n border-radius: 30px;\n padding: 10px;\n}\n\n.maximize window {\n border-radius: 0px;\n padding: 0px;\n}\n\nwindow.maximize {\n border-radius: 0px;\n padding: 0px;\n}\n/* More customizations */\n/* GTK3 */\nbutton.titlebutton {\n color: transparent;\n min-width: 12px;\n min-height: 12px;\n padding: 0;\n margin: 0 2px;\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\nbutton.titlebutton:backdrop {\n opacity: 0.5;\n}\n\n/*****************\n * Title buttons *\n *****************/\n.raven .expander-button,\n.raven .raven-header:not(.top) button.image-button,\nwidget > box.terminal-titlebar > button.image-button,\nwidget > box.terminal-titlebar > button.image-button.toggle,\n.terminix-session-sidebar button.tilix-sidebar-close-button,\n.tilix-session-sidebar button.tilix-sidebar-close-button,\n.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button,\n.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button,\n.nautilus-window headerbar > revealer > button,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton,\nheaderbar button.titlebutton,\n.csd headerbar button.titlebutton,\n.csd headerbar.default-decoration button.titlebutton,\n.titlebar button.titlebutton,\n.csd .titlebar button.titlebutton,\n.titlebar.default-decoration button.titlebutton,\n.csd .titlebar.default-decoration button.titlebutton,\nrow button.image-button,\ncheck,\nradio,\nheaderbar.default-decoration button.titlebutton,\nheaderbar button.suggested-action,\nheaderbar button.destructive-action,\nheaderbar button:not(.suggested-action):not(.destructive-action),\nbutton.close,\nbutton.circular {\n border-radius: 9999px;\n -gtk-outline-radius: 9999px;\n}\n\nheaderbar,\n.titlebar {\n padding: 0 14px;\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close,\nheaderbar button.titlebutton.close,\n.titlebar button.titlebutton.close {\n min-width: 12px;\n min-height: 12px;\n padding: 0;\n margin: 0 2px;\n color: transparent;\n background-color: rgba(0, 0, 0, 0.3);\n background-color: #f25056;\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize,\nheaderbar button.titlebutton.maximize,\n.titlebar button.titlebutton.maximize {\n min-width: 12px;\n min-height: 12px;\n padding: 0;\n margin: 0 2px;\n color: transparent;\n background-color: rgba(0, 0, 0, 0.3);\n background-color: #39ea49;\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize,\nheaderbar button.titlebutton.minimize,\n.titlebar button.titlebutton.minimize {\n min-width: 12px;\n min-height: 12px;\n padding: 0;\n margin: 0 2px;\n color: transparent;\n background-color: rgba(0, 0, 0, 0.3);\n background-color: #fac536;\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n#MozillaGtkWidget.background\n headerbar.titlebar.default-decoration\n button.titlebutton.close:hover,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover,\nheaderbar button.titlebutton.close:hover,\n.csd headerbar button.titlebutton.close:hover,\nheaderbar.default-decoration button.titlebutton.close:hover,\n.csd headerbar.default-decoration button.titlebutton.close:hover,\n.titlebar button.titlebutton.close:hover,\n.csd .titlebar button.titlebutton.close:hover,\n.titlebar.default-decoration button.titlebutton.close:hover,\n.csd .titlebar.default-decoration button.titlebutton.close:hover {\n padding: 2px;\n margin: -2px 0;\n background-color: #f25056;\n color: rgba(255, 255, 255, 0.7);\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n#MozillaGtkWidget.background\n headerbar.titlebar.default-decoration\n button.titlebutton.maximize:hover,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover,\nheaderbar button.titlebutton.maximize:hover,\n.csd headerbar button.titlebutton.maximize:hover,\nheaderbar.default-decoration button.titlebutton.maximize:hover,\n.csd headerbar.default-decoration button.titlebutton.maximize:hover,\n.titlebar button.titlebutton.maximize:hover,\n.csd .titlebar button.titlebutton.maximize:hover,\n.titlebar.default-decoration button.titlebutton.maximize:hover,\n.csd .titlebar.default-decoration button.titlebutton.maximize:hover {\n padding: 2px;\n margin: -2px 0;\n background-color: #39ea49;\n color: rgba(255, 255, 255, 0.7);\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n#MozillaGtkWidget.background\n headerbar.titlebar.default-decoration\n button.titlebutton.minimize:hover,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover,\nheaderbar button.titlebutton.minimize:hover,\n.csd headerbar button.titlebutton.minimize:hover,\nheaderbar.default-decoration button.titlebutton.minimize:hover,\n.csd headerbar.default-decoration button.titlebutton.minimize:hover,\n.titlebar button.titlebutton.minimize:hover,\n.csd .titlebar button.titlebutton.minimize:hover,\n.titlebar.default-decoration button.titlebutton.minimize:hover,\n.csd .titlebar.default-decoration button.titlebutton.minimize:hover {\n padding: 2px;\n margin: -2px 0;\n background-color: #fac536;\n color: rgba(255, 255, 255, 0.7);\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover,\nheaderbar button.titlebutton.close:hover,\nheaderbar button.titlebutton.close:backdrop:hover,\nheaderbar button.titlebutton.maximize:hover,\nheaderbar button.titlebutton.maximize:backdrop:hover,\nheaderbar button.titlebutton.minimize:hover,\nheaderbar button.titlebutton.minimize:backdrop:hover,\n.csd headerbar button.titlebutton.close:hover,\n.csd headerbar button.titlebutton.close:backdrop:hover,\n.csd headerbar button.titlebutton.maximize:hover,\n.csd headerbar button.titlebutton.maximize:backdrop:hover,\n.csd headerbar button.titlebutton.minimize:hover,\n.csd headerbar button.titlebutton.minimize:backdrop:hover,\nheaderbar.default-decoration button.titlebutton.close:hover,\nheaderbar.default-decoration button.titlebutton.close:backdrop:hover,\nheaderbar.default-decoration button.titlebutton.maximize:hover,\nheaderbar.default-decoration button.titlebutton.maximize:backdrop:hover,\nheaderbar.default-decoration button.titlebutton.minimize:hover,\nheaderbar.default-decoration button.titlebutton.minimize:backdrop:hover,\n.csd headerbar.default-decoration button.titlebutton.close:hover,\n.csd headerbar.default-decoration button.titlebutton.close:backdrop:hover,\n.csd headerbar.default-decoration button.titlebutton.maximize:hover,\n.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:hover,\n.csd headerbar.default-decoration button.titlebutton.minimize:hover,\n.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:hover,\n.titlebar button.titlebutton.close:hover,\n.titlebar button.titlebutton.close:backdrop:hover,\n.titlebar button.titlebutton.maximize:hover,\n.titlebar button.titlebutton.maximize:backdrop:hover,\n.titlebar button.titlebutton.minimize:hover,\n.titlebar button.titlebutton.minimize:backdrop:hover,\n.csd .titlebar button.titlebutton.close:hover,\n.csd .titlebar button.titlebutton.close:backdrop:hover,\n.csd .titlebar button.titlebutton.maximize:hover,\n.csd .titlebar button.titlebutton.maximize:backdrop:hover,\n.csd .titlebar button.titlebutton.minimize:hover,\n.csd .titlebar button.titlebutton.minimize:backdrop:hover,\n.titlebar.default-decoration button.titlebutton.close:hover,\n.titlebar.default-decoration button.titlebutton.close:backdrop:hover,\n.titlebar.default-decoration button.titlebutton.maximize:hover,\n.titlebar.default-decoration button.titlebutton.maximize:backdrop:hover,\n.titlebar.default-decoration button.titlebutton.minimize:hover,\n.titlebar.default-decoration button.titlebutton.minimize:backdrop:hover,\n.csd .titlebar.default-decoration button.titlebutton.close:hover,\n.csd .titlebar.default-decoration button.titlebutton.close:backdrop:hover,\n.csd .titlebar.default-decoration button.titlebutton.maximize:hover,\n.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:hover,\n.csd .titlebar.default-decoration button.titlebutton.minimize:hover,\n.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:hover {\n color: transparent;\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.maximize:active,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.minimize:active,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.maximize:checked,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.minimize:checked,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.close:backdrop:active,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.maximize:backdrop:active,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.minimize:backdrop:active,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.close:backdrop:checked,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.maximize:backdrop:checked,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.minimize:backdrop:checked,\nheaderbar button.titlebutton.close:active,\nheaderbar button.titlebutton.close:checked,\nheaderbar button.titlebutton.close:backdrop:active,\nheaderbar button.titlebutton.close:backdrop:checked,\nheaderbar button.titlebutton.maximize:active,\nheaderbar button.titlebutton.maximize:checked,\nheaderbar button.titlebutton.maximize:backdrop:active,\nheaderbar button.titlebutton.maximize:backdrop:checked,\nheaderbar button.titlebutton.minimize:active,\nheaderbar button.titlebutton.minimize:checked,\nheaderbar button.titlebutton.minimize:backdrop:active,\nheaderbar button.titlebutton.minimize:backdrop:checked,\n.csd headerbar button.titlebutton.close:active,\n.csd headerbar button.titlebutton.close:checked,\n.csd headerbar button.titlebutton.close:backdrop:active,\n.csd headerbar button.titlebutton.close:backdrop:checked,\n.csd headerbar button.titlebutton.maximize:active,\n.csd headerbar button.titlebutton.maximize:checked,\n.csd headerbar button.titlebutton.maximize:backdrop:active,\n.csd headerbar button.titlebutton.maximize:backdrop:checked,\n.csd headerbar button.titlebutton.minimize:active,\n.csd headerbar button.titlebutton.minimize:checked,\n.csd headerbar button.titlebutton.minimize:backdrop:active,\n.csd headerbar button.titlebutton.minimize:backdrop:checked,\nheaderbar.default-decoration button.titlebutton.close:active,\nheaderbar.default-decoration button.titlebutton.close:checked,\nheaderbar.default-decoration button.titlebutton.close:backdrop:active,\nheaderbar.default-decoration button.titlebutton.close:backdrop:checked,\nheaderbar.default-decoration button.titlebutton.maximize:active,\nheaderbar.default-decoration button.titlebutton.maximize:checked,\nheaderbar.default-decoration button.titlebutton.maximize:backdrop:active,\nheaderbar.default-decoration button.titlebutton.maximize:backdrop:checked,\nheaderbar.default-decoration button.titlebutton.minimize:active,\nheaderbar.default-decoration button.titlebutton.minimize:checked,\nheaderbar.default-decoration button.titlebutton.minimize:backdrop:active,\nheaderbar.default-decoration button.titlebutton.minimize:backdrop:checked,\n.csd headerbar.default-decoration button.titlebutton.close:active,\n.csd headerbar.default-decoration button.titlebutton.close:checked,\n.csd headerbar.default-decoration button.titlebutton.close:backdrop:active,\n.csd headerbar.default-decoration button.titlebutton.close:backdrop:checked,\n.csd headerbar.default-decoration button.titlebutton.maximize:active,\n.csd headerbar.default-decoration button.titlebutton.maximize:checked,\n.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:active,\n.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:checked,\n.csd headerbar.default-decoration button.titlebutton.minimize:active,\n.csd headerbar.default-decoration button.titlebutton.minimize:checked,\n.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:active,\n.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:checked,\n.titlebar button.titlebutton.close:active,\n.titlebar button.titlebutton.close:checked,\n.titlebar button.titlebutton.close:backdrop:active,\n.titlebar button.titlebutton.close:backdrop:checked,\n.titlebar button.titlebutton.maximize:active,\n.titlebar button.titlebutton.maximize:checked,\n.titlebar button.titlebutton.maximize:backdrop:active,\n.titlebar button.titlebutton.maximize:backdrop:checked,\n.titlebar button.titlebutton.minimize:active,\n.titlebar button.titlebutton.minimize:checked,\n.titlebar button.titlebutton.minimize:backdrop:active,\n.titlebar button.titlebutton.minimize:backdrop:checked,\n.csd .titlebar button.titlebutton.close:active,\n.csd .titlebar button.titlebutton.close:checked,\n.csd .titlebar button.titlebutton.close:backdrop:active,\n.csd .titlebar button.titlebutton.close:backdrop:checked,\n.csd .titlebar button.titlebutton.maximize:active,\n.csd .titlebar button.titlebutton.maximize:checked,\n.csd .titlebar button.titlebutton.maximize:backdrop:active,\n.csd .titlebar button.titlebutton.maximize:backdrop:checked,\n.csd .titlebar button.titlebutton.minimize:active,\n.csd .titlebar button.titlebutton.minimize:checked,\n.csd .titlebar button.titlebutton.minimize:backdrop:active,\n.csd .titlebar button.titlebutton.minimize:backdrop:checked,\n.titlebar.default-decoration button.titlebutton.close:active,\n.titlebar.default-decoration button.titlebutton.close:checked,\n.titlebar.default-decoration button.titlebutton.close:backdrop:active,\n.titlebar.default-decoration button.titlebutton.close:backdrop:checked,\n.titlebar.default-decoration button.titlebutton.maximize:active,\n.titlebar.default-decoration button.titlebutton.maximize:checked,\n.titlebar.default-decoration button.titlebutton.maximize:backdrop:active,\n.titlebar.default-decoration button.titlebutton.maximize:backdrop:checked,\n.titlebar.default-decoration button.titlebutton.minimize:active,\n.titlebar.default-decoration button.titlebutton.minimize:checked,\n.titlebar.default-decoration button.titlebutton.minimize:backdrop:active,\n.titlebar.default-decoration button.titlebutton.minimize:backdrop:checked,\n.csd .titlebar.default-decoration button.titlebutton.close:active,\n.csd .titlebar.default-decoration button.titlebutton.close:checked,\n.csd .titlebar.default-decoration button.titlebutton.close:backdrop:active,\n.csd .titlebar.default-decoration button.titlebutton.close:backdrop:checked,\n.csd .titlebar.default-decoration button.titlebutton.maximize:active,\n.csd .titlebar.default-decoration button.titlebutton.maximize:checked,\n.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:active,\n.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:checked,\n.csd .titlebar.default-decoration button.titlebutton.minimize:active,\n.csd .titlebar.default-decoration button.titlebutton.minimize:checked,\n.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:active,\n.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:checked {\n color: transparent;\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:backdrop,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.maximize:backdrop,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.minimize:backdrop,\nheaderbar button.titlebutton.close:backdrop,\nheaderbar button.titlebutton.maximize:backdrop,\nheaderbar button.titlebutton.minimize:backdrop,\n.csd headerbar button.titlebutton.close:backdrop,\n.csd headerbar button.titlebutton.maximize:backdrop,\n.csd headerbar button.titlebutton.minimize:backdrop,\nheaderbar.default-decoration button.titlebutton.close:backdrop,\nheaderbar.default-decoration button.titlebutton.maximize:backdrop,\nheaderbar.default-decoration button.titlebutton.minimize:backdrop,\n.csd headerbar.default-decoration button.titlebutton.close:backdrop,\n.csd headerbar.default-decoration button.titlebutton.maximize:backdrop,\n.csd headerbar.default-decoration button.titlebutton.minimize:backdrop,\n.titlebar button.titlebutton.close:backdrop,\n.titlebar button.titlebutton.maximize:backdrop,\n.titlebar button.titlebutton.minimize:backdrop,\n.csd .titlebar button.titlebutton.close:backdrop,\n.csd .titlebar button.titlebutton.maximize:backdrop,\n.csd .titlebar button.titlebutton.minimize:backdrop,\n.titlebar.default-decoration button.titlebutton.close:backdrop,\n.titlebar.default-decoration button.titlebutton.maximize:backdrop,\n.titlebar.default-decoration button.titlebutton.minimize:backdrop,\n.csd .titlebar.default-decoration button.titlebutton.close:backdrop,\n.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop,\n.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop {\n color: transparent;\n background-color: rgba(0, 0, 0, 0.12);\n}\n\nbutton.titlebutton image {\n margin: -1px;\n}\n\n/* gtk4 */\n\n/*********************\n * GtkWindowControls *\n *********************/\nwindowcontrols > button {\n min-height: 12px;\n min-width: 12px;\n padding: 0px;\n margin-left: 2px;\n margin-right: 2px;\n}\n\nwindowcontrols > button.minimize,\nwindowcontrols > button.maximize,\nwindowcontrols > button.close {\n color: transparent;\n background: none;\n}\n\nwindowcontrols > button.minimize > image {\n background-color: #fdbe04;\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\nwindowcontrols > button.minimize:hover > image {\n padding: 3px;\n margin-right: -1px;\n margin-left: -1px;\n}\n\nwindowcontrols > button.maximize > image {\n background-color: #38c76a;\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\nwindowcontrols > button.maximize:hover > image {\n padding: 3px;\n margin-right: -1px;\n margin-left: -1px;\n}\n\nwindowcontrols > button.close > image {\n background-color: #fd5f51;\n box-shadow: inset 0 -1px 0 0 alpha(white, 0.2),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\nwindowcontrols > button.close:hover > image {\n padding: 3px;\n margin-right: -1px;\n margin-left: -1px;\n}\nwindowcontrols > button > image {\n padding: 2px;\n}\n" }, { "path": "gtk/Tahoe-Light/gtk-4.0/gtk.css", "content": "/* GTK NAMED COLORS ---------------- use responsibly! */\n@define-color destructive_bg_color @red_3;\n@define-color destructive_fg_color white;\n@define-color success_bg_color @green_4;\n@define-color success_fg_color white;\n@define-color warning_bg_color @yellow_5;\n@define-color warning_fg_color RGB(0 0 0 / 80%);\n@define-color error_bg_color @red_3;\n@define-color error_fg_color white;\n@define-color accent_color oklab(from @accent_bg_color min(l, 0.5) a b);\n@define-color destructive_color oklab(from @destructive_bg_color min(l, 0.5) a b);\n@define-color success_color oklab(from @success_bg_color min(l, 0.5) a b);\n@define-color warning_color oklab(from @warning_bg_color min(l, 0.5) a b);\n@define-color error_color oklab(from @error_bg_color min(l, 0.5) a b);\n@define-color window_bg_color #fafafb;\n@define-color window_fg_color RGB(30 30 30/100%);\n@define-color view_bg_color #ffffff;\n@define-color view_fg_color RGB(30 30 30/100%);\n@define-color headerbar_bg_color #ffffff;\n@define-color headerbar_fg_color RGB(30 30 30/100%);\n@define-color headerbar_border_color RGB(30 30 30/100%);\n@define-color headerbar_backdrop_color @window_bg_color;\n@define-color headerbar_shade_color RGB(0 0 6/12%);\n@define-color headerbar_darker_shade_color RGB(0 0 6/12%);\n@define-color sidebar_bg_color RGB(235 235 237/0%);\n@define-color sidebar_fg_color RGB(30 30 30/100%);\n@define-color sidebar_backdrop_color #f2f2f4;\n@define-color sidebar_shade_color RGB(0 0 6/7%);\n@define-color sidebar_border_color RGB(0 0 6/7%);\n@define-color secondary_sidebar_bg_color #f3f3f5;\n@define-color secondary_sidebar_fg_color RGB(30 30 30/100%);\n@define-color secondary_sidebar_backdrop_color #f6f6fa;\n@define-color secondary_sidebar_shade_color RGB(0 0 6/7%);\n@define-color secondary_sidebar_border_color RGB(0 0 6/7%);\n@define-color card_bg_color RGB(255 255 255/25%);\n@define-color card_fg_color RGB(30 30 30/100%);\n@define-color card_shade_color RGB(0 0 6/7%);\n@define-color dialog_bg_color #fafafb;\n@define-color dialog_fg_color RGB(30 30 30/100%);\n@define-color popover_bg_color #ffffff;\n@define-color popover_fg_color RGB(30 30 30/100%);\n@define-color popover_shade_color RGB(0 0 6/7%);\n@define-color thumbnail_bg_color #ffffff;\n@define-color thumbnail_fg_color RGB(30 30 30/100%);\n@define-color shade_color RGB(0 0 6/7%);\n@define-color scrollbar_outline_color white;\n\n:root {\n --standalone-color-oklab: min(l, 0.5) a b;\n --accent-color: #0088ff;\n --destructive-color: oklab(\n from var(--destructive-bg-color) var(--standalone-color-oklab)\n );\n --success-color: oklab(\n from var(--success-bg-color) var(--standalone-color-oklab)\n );\n --warning-color: oklab(\n from var(--warning-bg-color) var(--standalone-color-oklab)\n );\n --error-color: oklab(\n from var(--error-bg-color) var(--standalone-color-oklab)\n );\n --active-toggle-bg-color: #ffffff;\n --active-toggle-fg-color: rgb(0 0 6 / 80%);\n --overview-bg-color: #f3f3f5;\n --overview-fg-color: rgb(0 0 6 / 80%);\n}\n\n@import '../gtk-3.0/libadwaita.css';\n@import '../gtk-3.0/libadwaita-tweaks.css';\n\n* {\n border-radius: 20px;\n}\n\nwindow {\n border-radius: 30px;\n padding: 10px;\n}\n\n.maximized window {\n border-radius: 0px;\n padding: 10px;\n}\n\nwindow.maximized {\n border-radius: 0px;\n padding: 10px;\n}\n\nbutton {\n border-radius: 9999px;\n}\n\n/* More customizations */\n/* GTK3 */\nbutton.titlebutton {\n color: transparent;\n min-width: 12px;\n min-height: 12px;\n padding: 0;\n margin: 0 2px;\n box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),\n inset 0 1px 0 0 alpha(black, 0.05), inset 1px 0 0 0 alpha(black, 0.02),\n inset -1px 0 0 0 alpha(black, 0.02), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\nbutton.titlebutton:backdrop {\n opacity: 0.5;\n}\n\n/*****************\n * Title buttons *\n *****************/\n.raven .expander-button,\n.raven .raven-header:not(.top) button.image-button,\nwidget > box.terminal-titlebar > button.image-button,\nwidget > box.terminal-titlebar > button.image-button.toggle,\n.terminix-session-sidebar button.tilix-sidebar-close-button,\n.tilix-session-sidebar button.tilix-sidebar-close-button,\n.nemo-window toolbar.primary-toolbar > toolitem > box.raised > button,\n.nemo-window toolbar.primary-toolbar > toolitem > box.linked.raised > button,\n.nautilus-window headerbar > revealer > button,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton,\nheaderbar button.titlebutton,\n.csd headerbar button.titlebutton,\n.csd headerbar.default-decoration button.titlebutton,\n.titlebar button.titlebutton,\n.csd .titlebar button.titlebutton,\n.titlebar.default-decoration button.titlebutton,\n.csd .titlebar.default-decoration button.titlebutton,\nrow button.image-button,\ncheck,\nradio,\nheaderbar.default-decoration button.titlebutton,\nheaderbar button.suggested-action,\nheaderbar button.destructive-action,\nheaderbar button:not(.suggested-action):not(.destructive-action),\nbutton.close,\nbutton.circular {\n border-radius: 9999px;\n -gtk-outline-radius: 9999px;\n}\n\nbutton.image-button.toggle {\n margin-right: -12px;\n}\n\nmenubutton > button.image-button.toggle {\n margin-right: -10px;\n}\n\nheaderbar,\n.titlebar {\n margin-top: -1px;\n padding: 0 12px 0 0;\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close,\nheaderbar button.titlebutton.close,\n.titlebar button.titlebutton.close {\n min-width: 12px;\n min-height: 12px;\n padding: 0;\n margin: 0 2px;\n color: transparent;\n background-color: rgb(255, 95, 87);\n box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize,\nheaderbar button.titlebutton.maximize,\n.titlebar button.titlebutton.maximize {\n min-width: 12px;\n min-height: 12px;\n padding: 0;\n margin: 0 2px;\n color: transparent;\n background-color: rgb(56, 200, 106);\n box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize,\nheaderbar button.titlebutton.minimize,\n.titlebar button.titlebutton.minimize {\n min-width: 12px;\n min-height: 12px;\n padding: 0;\n margin: 0 2px;\n color: transparent;\n background-color: rgb(253, 190, 4);\n box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n#MozillaGtkWidget.background\n headerbar.titlebar.default-decoration\n button.titlebutton.close:hover,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover,\nheaderbar button.titlebutton.close:hover,\n.csd headerbar button.titlebutton.close:hover,\nheaderbar.default-decoration button.titlebutton.close:hover,\n.csd headerbar.default-decoration button.titlebutton.close:hover,\n.titlebar button.titlebutton.close:hover,\n.csd .titlebar button.titlebutton.close:hover,\n.titlebar.default-decoration button.titlebutton.close:hover,\n.csd .titlebar.default-decoration button.titlebutton.close:hover {\n padding: 2px;\n margin: -2px 0;\n background-color: #f25056;\n color: rgba(0, 0, 0, 0.7);\n box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n#MozillaGtkWidget.background\n headerbar.titlebar.default-decoration\n button.titlebutton.maximize:hover,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover,\nheaderbar button.titlebutton.maximize:hover,\n.csd headerbar button.titlebutton.maximize:hover,\nheaderbar.default-decoration button.titlebutton.maximize:hover,\n.csd headerbar.default-decoration button.titlebutton.maximize:hover,\n.titlebar button.titlebutton.maximize:hover,\n.csd .titlebar button.titlebutton.maximize:hover,\n.titlebar.default-decoration button.titlebutton.maximize:hover,\n.csd .titlebar.default-decoration button.titlebutton.maximize:hover {\n padding: 2px;\n margin: -2px 0;\n background-color: #39ea49;\n color: rgba(0, 0, 0, 0.7);\n box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n#MozillaGtkWidget.background\n headerbar.titlebar.default-decoration\n button.titlebutton.minimize:hover,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover,\nheaderbar button.titlebutton.minimize:hover,\n.csd headerbar button.titlebutton.minimize:hover,\nheaderbar.default-decoration button.titlebutton.minimize:hover,\n.csd headerbar.default-decoration button.titlebutton.minimize:hover,\n.titlebar button.titlebutton.minimize:hover,\n.csd .titlebar button.titlebutton.minimize:hover,\n.titlebar.default-decoration button.titlebutton.minimize:hover,\n.csd .titlebar.default-decoration button.titlebutton.minimize:hover {\n padding: 2px;\n margin: -2px 0;\n background-color: #fac536;\n color: rgba(0, 0, 0, 0.7);\n box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07), 0 1px 3px rgba(0, 0, 0, 0.12),\n 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover,\nheaderbar button.titlebutton.close:hover,\nheaderbar button.titlebutton.close:backdrop:hover,\nheaderbar button.titlebutton.maximize:hover,\nheaderbar button.titlebutton.maximize:backdrop:hover,\nheaderbar button.titlebutton.minimize:hover,\nheaderbar button.titlebutton.minimize:backdrop:hover,\n.csd headerbar button.titlebutton.close:hover,\n.csd headerbar button.titlebutton.close:backdrop:hover,\n.csd headerbar button.titlebutton.maximize:hover,\n.csd headerbar button.titlebutton.maximize:backdrop:hover,\n.csd headerbar button.titlebutton.minimize:hover,\n.csd headerbar button.titlebutton.minimize:backdrop:hover,\nheaderbar.default-decoration button.titlebutton.close:hover,\nheaderbar.default-decoration button.titlebutton.close:backdrop:hover,\nheaderbar.default-decoration button.titlebutton.maximize:hover,\nheaderbar.default-decoration button.titlebutton.maximize:backdrop:hover,\nheaderbar.default-decoration button.titlebutton.minimize:hover,\nheaderbar.default-decoration button.titlebutton.minimize:backdrop:hover,\n.csd headerbar.default-decoration button.titlebutton.close:hover,\n.csd headerbar.default-decoration button.titlebutton.close:backdrop:hover,\n.csd headerbar.default-decoration button.titlebutton.maximize:hover,\n.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:hover,\n.csd headerbar.default-decoration button.titlebutton.minimize:hover,\n.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:hover,\n.titlebar button.titlebutton.close:hover,\n.titlebar button.titlebutton.close:backdrop:hover,\n.titlebar button.titlebutton.maximize:hover,\n.titlebar button.titlebutton.maximize:backdrop:hover,\n.titlebar button.titlebutton.minimize:hover,\n.titlebar button.titlebutton.minimize:backdrop:hover,\n.csd .titlebar button.titlebutton.close:hover,\n.csd .titlebar button.titlebutton.close:backdrop:hover,\n.csd .titlebar button.titlebutton.maximize:hover,\n.csd .titlebar button.titlebutton.maximize:backdrop:hover,\n.csd .titlebar button.titlebutton.minimize:hover,\n.csd .titlebar button.titlebutton.minimize:backdrop:hover,\n.titlebar.default-decoration button.titlebutton.close:hover,\n.titlebar.default-decoration button.titlebutton.close:backdrop:hover,\n.titlebar.default-decoration button.titlebutton.maximize:hover,\n.titlebar.default-decoration button.titlebutton.maximize:backdrop:hover,\n.titlebar.default-decoration button.titlebutton.minimize:hover,\n.titlebar.default-decoration button.titlebutton.minimize:backdrop:hover,\n.csd .titlebar.default-decoration button.titlebutton.close:hover,\n.csd .titlebar.default-decoration button.titlebutton.close:backdrop:hover,\n.csd .titlebar.default-decoration button.titlebutton.maximize:hover,\n.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:hover,\n.csd .titlebar.default-decoration button.titlebutton.minimize:hover,\n.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:hover {\n color: transparent;\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.maximize:active,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.minimize:active,\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.maximize:checked,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.minimize:checked,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.close:backdrop:active,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.maximize:backdrop:active,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.minimize:backdrop:active,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.close:backdrop:checked,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.maximize:backdrop:checked,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.minimize:backdrop:checked,\nheaderbar button.titlebutton.close:active,\nheaderbar button.titlebutton.close:checked,\nheaderbar button.titlebutton.close:backdrop:active,\nheaderbar button.titlebutton.close:backdrop:checked,\nheaderbar button.titlebutton.maximize:active,\nheaderbar button.titlebutton.maximize:checked,\nheaderbar button.titlebutton.maximize:backdrop:active,\nheaderbar button.titlebutton.maximize:backdrop:checked,\nheaderbar button.titlebutton.minimize:active,\nheaderbar button.titlebutton.minimize:checked,\nheaderbar button.titlebutton.minimize:backdrop:active,\nheaderbar button.titlebutton.minimize:backdrop:checked,\n.csd headerbar button.titlebutton.close:active,\n.csd headerbar button.titlebutton.close:checked,\n.csd headerbar button.titlebutton.close:backdrop:active,\n.csd headerbar button.titlebutton.close:backdrop:checked,\n.csd headerbar button.titlebutton.maximize:active,\n.csd headerbar button.titlebutton.maximize:checked,\n.csd headerbar button.titlebutton.maximize:backdrop:active,\n.csd headerbar button.titlebutton.maximize:backdrop:checked,\n.csd headerbar button.titlebutton.minimize:active,\n.csd headerbar button.titlebutton.minimize:checked,\n.csd headerbar button.titlebutton.minimize:backdrop:active,\n.csd headerbar button.titlebutton.minimize:backdrop:checked,\nheaderbar.default-decoration button.titlebutton.close:active,\nheaderbar.default-decoration button.titlebutton.close:checked,\nheaderbar.default-decoration button.titlebutton.close:backdrop:active,\nheaderbar.default-decoration button.titlebutton.close:backdrop:checked,\nheaderbar.default-decoration button.titlebutton.maximize:active,\nheaderbar.default-decoration button.titlebutton.maximize:checked,\nheaderbar.default-decoration button.titlebutton.maximize:backdrop:active,\nheaderbar.default-decoration button.titlebutton.maximize:backdrop:checked,\nheaderbar.default-decoration button.titlebutton.minimize:active,\nheaderbar.default-decoration button.titlebutton.minimize:checked,\nheaderbar.default-decoration button.titlebutton.minimize:backdrop:active,\nheaderbar.default-decoration button.titlebutton.minimize:backdrop:checked,\n.csd headerbar.default-decoration button.titlebutton.close:active,\n.csd headerbar.default-decoration button.titlebutton.close:checked,\n.csd headerbar.default-decoration button.titlebutton.close:backdrop:active,\n.csd headerbar.default-decoration button.titlebutton.close:backdrop:checked,\n.csd headerbar.default-decoration button.titlebutton.maximize:active,\n.csd headerbar.default-decoration button.titlebutton.maximize:checked,\n.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:active,\n.csd headerbar.default-decoration button.titlebutton.maximize:backdrop:checked,\n.csd headerbar.default-decoration button.titlebutton.minimize:active,\n.csd headerbar.default-decoration button.titlebutton.minimize:checked,\n.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:active,\n.csd headerbar.default-decoration button.titlebutton.minimize:backdrop:checked,\n.titlebar button.titlebutton.close:active,\n.titlebar button.titlebutton.close:checked,\n.titlebar button.titlebutton.close:backdrop:active,\n.titlebar button.titlebutton.close:backdrop:checked,\n.titlebar button.titlebutton.maximize:active,\n.titlebar button.titlebutton.maximize:checked,\n.titlebar button.titlebutton.maximize:backdrop:active,\n.titlebar button.titlebutton.maximize:backdrop:checked,\n.titlebar button.titlebutton.minimize:active,\n.titlebar button.titlebutton.minimize:checked,\n.titlebar button.titlebutton.minimize:backdrop:active,\n.titlebar button.titlebutton.minimize:backdrop:checked,\n.csd .titlebar button.titlebutton.close:active,\n.csd .titlebar button.titlebutton.close:checked,\n.csd .titlebar button.titlebutton.close:backdrop:active,\n.csd .titlebar button.titlebutton.close:backdrop:checked,\n.csd .titlebar button.titlebutton.maximize:active,\n.csd .titlebar button.titlebutton.maximize:checked,\n.csd .titlebar button.titlebutton.maximize:backdrop:active,\n.csd .titlebar button.titlebutton.maximize:backdrop:checked,\n.csd .titlebar button.titlebutton.minimize:active,\n.csd .titlebar button.titlebutton.minimize:checked,\n.csd .titlebar button.titlebutton.minimize:backdrop:active,\n.csd .titlebar button.titlebutton.minimize:backdrop:checked,\n.titlebar.default-decoration button.titlebutton.close:active,\n.titlebar.default-decoration button.titlebutton.close:checked,\n.titlebar.default-decoration button.titlebutton.close:backdrop:active,\n.titlebar.default-decoration button.titlebutton.close:backdrop:checked,\n.titlebar.default-decoration button.titlebutton.maximize:active,\n.titlebar.default-decoration button.titlebutton.maximize:checked,\n.titlebar.default-decoration button.titlebutton.maximize:backdrop:active,\n.titlebar.default-decoration button.titlebutton.maximize:backdrop:checked,\n.titlebar.default-decoration button.titlebutton.minimize:active,\n.titlebar.default-decoration button.titlebutton.minimize:checked,\n.titlebar.default-decoration button.titlebutton.minimize:backdrop:active,\n.titlebar.default-decoration button.titlebutton.minimize:backdrop:checked,\n.csd .titlebar.default-decoration button.titlebutton.close:active,\n.csd .titlebar.default-decoration button.titlebutton.close:checked,\n.csd .titlebar.default-decoration button.titlebutton.close:backdrop:active,\n.csd .titlebar.default-decoration button.titlebutton.close:backdrop:checked,\n.csd .titlebar.default-decoration button.titlebutton.maximize:active,\n.csd .titlebar.default-decoration button.titlebutton.maximize:checked,\n.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:active,\n.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop:checked,\n.csd .titlebar.default-decoration button.titlebutton.minimize:active,\n.csd .titlebar.default-decoration button.titlebutton.minimize:checked,\n.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:active,\n.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop:checked {\n color: transparent;\n}\n\n.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:backdrop,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.maximize:backdrop,\n.solid-csd\n headerbar:not(.default-decoration)\n button.titlebutton.minimize:backdrop,\nheaderbar button.titlebutton.close:backdrop,\nheaderbar button.titlebutton.maximize:backdrop,\nheaderbar button.titlebutton.minimize:backdrop,\n.csd headerbar button.titlebutton.close:backdrop,\n.csd headerbar button.titlebutton.maximize:backdrop,\n.csd headerbar button.titlebutton.minimize:backdrop,\nheaderbar.default-decoration button.titlebutton.close:backdrop,\nheaderbar.default-decoration button.titlebutton.maximize:backdrop,\nheaderbar.default-decoration button.titlebutton.minimize:backdrop,\n.csd headerbar.default-decoration button.titlebutton.close:backdrop,\n.csd headerbar.default-decoration button.titlebutton.maximize:backdrop,\n.csd headerbar.default-decoration button.titlebutton.minimize:backdrop,\n.titlebar button.titlebutton.close:backdrop,\n.titlebar button.titlebutton.maximize:backdrop,\n.titlebar button.titlebutton.minimize:backdrop,\n.csd .titlebar button.titlebutton.close:backdrop,\n.csd .titlebar button.titlebutton.maximize:backdrop,\n.csd .titlebar button.titlebutton.minimize:backdrop,\n.titlebar.default-decoration button.titlebutton.close:backdrop,\n.titlebar.default-decoration button.titlebutton.maximize:backdrop,\n.titlebar.default-decoration button.titlebutton.minimize:backdrop,\n.csd .titlebar.default-decoration button.titlebutton.close:backdrop,\n.csd .titlebar.default-decoration button.titlebutton.maximize:backdrop,\n.csd .titlebar.default-decoration button.titlebutton.minimize:backdrop {\n color: transparent;\n background-color: rgba(0, 0, 0, 0.12);\n}\n\nbutton.titlebutton image {\n margin: -1px;\n}\n\n/* gtk4 */\n\n/*********************\n * GtkWindowControls *\n *********************/\nwindowcontrols > button {\n min-height: 12px;\n min-width: 12px;\n padding: 0px;\n margin-left: 2px;\n margin-right: 2px;\n}\n\nwindowcontrols > button.minimize,\nwindowcontrols > button.maximize,\nwindowcontrols > button.close {\n color: transparent;\n background: none;\n}\n\nwindowcontrols.end > button.minimize > image {\n background-color: #34c759;\n box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07);\n}\n\nwindowcontrols.start > button.minimize > image {\n background-color: #ffcc00;\n box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07);\n}\n\nwindowcontrols.end > button.minimize > image {\n margin-left: 12px;\n}\n\nwindowcontrols.end > button.minimize > image:hover {\n background-color: rgba(52, 199, 89, 0.85);\n}\n\nwindowcontrols.start > button.minimize > image:hover {\n background-color: rgba(255, 204, 0, 0.85);\n}\n\nwindowcontrols.end > button.maximize > image {\n background-color: #ffcc00;\n box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07);\n}\n\nwindowcontrols.start > button.maximize > image {\n background-color: #34c759;\n box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07);\n}\n\nwindowcontrols.end > button.maximize > image:hover {\n background-color: rgba(255, 204, 0, 0.85);\n}\n\nwindowcontrols.start > button.maximize > image:hover {\n background-color: rgba(52, 199, 89, 0.85);\n}\n\nwindowcontrols > button.close > image {\n background-color: #ff383b;\n box-shadow: inset 0 -1px 0 0 alpha(black, 0.1),\n inset 0 1px 0 0 alpha(white, 0.3), inset 1px 0 0 0 alpha(white, 0.07),\n inset -1px 0 0 0 alpha(white, 0.07);\n}\n\nwindowcontrols > button.close > image:hover {\n background-color: rgba(255, 56, 59, 0.85);\n}\n\nwindowcontrols > button > image {\n padding: 0.4px;\n}\n\nwindowcontrols {\n margin-right: -6px;\n max-width: 12px;\n max-height: 12px;\n}\n\n/*********************\n * Text Editor *\n *********************/\ntabbox {\n background-color: rgba(255, 255, 255, 0.25);\n border-radius: 24px;\n margin: 2px 4px 2px 0px;\n box-shadow: none;\n}\n\ntextview.editor {\n border-radius: 30px;\n margin-top: 10px;\n background-color: rgba(255, 255, 255, 0.2);\n box-shadow: inset 2px 2px 4px -2.8px rgb(255, 255, 255),\n inset -2px -2px 4px -2.8px rgb(255, 255, 255);\n}\n\ntextview.editor > border.left > gutter,\ntextview.editor > border.left,\nrevealer.bottom-bar.raised,\npositionlabel.bottom.numeric.right {\n background-color: rgba(255, 255, 255, 0);\n}\n\nrevealer.bottom-bar.raised,\nrevealer.top-bar.raised {\n border: none;\n box-shadow: none;\n}\n\nseparator.vertical {\n opacity: 0;\n}\n\nlist.boxed-list > row.property,\nlist.boxed-list > row.activatable.combo,\nlist.boxed-list > row.activatable {\n border-bottom-color: rgba(255, 255, 255, 0);\n}\n\nwidget.end.sidebar-pane,\nwidget.end.sidebar-pane > widget,\nwidget.end.sidebar-pane > widget > preferencespage {\n border-radius: 30px;\n}\n\nwidget.end.sidebar-pane > widget,\nwidget.end.sidebar-pane > widget > preferencespage {\n margin-top: -14px;\n margin-bottom: -14px;\n}\n\nwidget.end.sidebar-pane {\n margin-top: 10px;\n margin-left: 10px;\n}\n\n/*\n.collapse-spacing.vertical {\n background-color: rgba(255, 255, 255, 0);\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.1),\n rgba(0, 0, 0, 0.03)\n );\n box-shadow: inset 2px 2px 4px -3px rgba(0, 0, 0, 0.6),\n inset -2px -2px 4px -3px rgba(0, 0, 0, 0.6);\n}\n\n*/\n/*********************\n * Nautilus *\n *********************/\n\nwidget#NautilusViewCell {\n border-radius: 0px;\n}\n\nwidget#NautilusViewCell\n > box.horizontal\n > box.horizontal\n > box.vertical\n > picture {\n border-radius: 0px;\n}\n\nwidget#NautilusViewCell > box.horizontal > box.horizontal > box.vertical {\n border-radius: 0px;\n}\n\nwindow.filechooser > gridview.view,\nwindow.filechooser > list.navigation-sidebar {\n background-color: transparent;\n}\n\ngridview.view picture.thumbnail {\n border-radius: 16px;\n border: none;\n border-color: rgba(255, 255, 255, 0);\n box-shadow: none;\n background-color: transparent;\n}\n\n.nautilus-window headerbar > revealer.top-bar,\noverlay-split-view.view,\nstatuspage.view,\nwindow#NautilusAppChooser > headerbar.titlebar,\nbox.vertical > banner > revealer > widget {\n background-color: rgba(255, 255, 255, 0);\n}\n\n.sidebar-pane {\n background-color: transparent;\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.5),\n rgba(255, 255, 255, 0.43)\n );\n box-shadow: inset 2px 2px 4px -3px rgb(255, 255, 255),\n inset -2px -2px 4px -3px rgb(255, 255, 255);\n}\n\nwindow {\n background-color: rgba(255, 255, 255, 0.6);\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4),\n inset 0 -1px 0 rgba(255, 255, 255, 0.2);\n}\n\n#NautilusFileChooser.background {\n background-color: rgba(255, 255, 255, 0.6);\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4),\n inset 0 -1px 0 rgba(255, 255, 255, 0.2);\n}\n\nwindow#NautilusFileChooser > button.default.pill {\n margin-right: 10px;\n}\n\nwindow#NautilusFileChooser > revealer.bottom-bar {\n margin-left: 10px;\n}\n\n#NautilusPathBar {\n background-color: rgba(255, 255, 255, 0);\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.5),\n rgba(255, 255, 255, 0.43)\n );\n box-shadow: inset 2px 2px 4px -2.8px rgb(255, 255, 255),\n inset -2px -2px 4px -2.8px rgb(255, 255, 255);\n}\n\nentry {\n background-color: rgba(255, 255, 255, 0);\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.5),\n rgba(255, 255, 255, 0.43)\n );\n box-shadow: inset 2px 2px 4px -3px rgb(255, 255, 255),\n inset -2px -2px 4px -3px rgb(255, 255, 255);\n}\n\nwindow#NautilusAppChooser > separator.horizontal {\n opacity: 0;\n}\n\nwindow#NautilusAppChooser\n > box.dialog-vbox\n > box.vertical\n > scrolledwindow.background {\n background-color: rgba(255, 255, 255, 0);\n}\n\nwindow#NautilusAppChooser > scrolledwindow.background {\n border: none;\n}\n\nlist.background {\n background-color: rgba(255, 255, 255, 0);\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.5),\n rgba(255, 255, 255, 0.43)\n );\n box-shadow: inset 2px 2px 4px -3.2px rgb(255, 255, 255),\n inset -2px -2px 4px -3.2px rgb(255, 255, 255);\n margin-top: 10px;\n}\n\n/* This removes selection color of sidebar\nrow.activatable {\n background-color: rgba(255, 255, 255, 0);\n }\n */\n\nsheet.background {\n background-color: rgba(255, 255, 255, 0.92);\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.5),\n rgba(255, 255, 255, 0.43)\n );\n}\n\nbutton.suggested-action.text-button {\n margin-right: -10px;\n}\n\nbox.bottom.floating-bar {\n background-color: rgba(255, 255, 255, 0.8);\n box-shadow: inset 2px 2px 2px -2.8px rgb(255, 255, 255),\n inset -2px -2px 2px -2.8px rgb(255, 255, 255);\n}\n\n/*\n row.activatable.entry {\n background-color: rgba(255, 255, 255, 0);\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.1),\n rgba(0, 0, 0, 0.03)\n );\n box-shadow: inset 2px 2px 4px -3.2px rgba(0, 0, 0, 0.6),\n inset -2px -2px 4px -3.2px rgba(0, 0, 0, 0.6);\n }\n\n toolbarview.undershoot-top {\n background-color: rgba(255, 255, 255, 0);\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.1),\n rgba(0, 0, 0, 0.03)\n );\n box-shadow: inset 2px 2px 4px -3.2px rgba(0, 0, 0, 0.6),\n inset -2px -2px 4px -3.2px rgba(0, 0, 0, 0.6);\n }\n*/\n\n/*********************\n * General *\n *********************/\n\nviewswitcher.wide {\n background-color: rgba(255, 255, 255, 0.25);\n border-radius: 9999px;\n}\n\nviewswitcher.wide > button {\n margin: 2px;\n}\n\nswitch:checked {\n background-color: rgb(52, 199, 89);\n}\n\nswitch > slider,\nscale.horizontal > trough > slider {\n background-color: white;\n min-width: 26px;\n}\n\nscale.marks-after > trough > slider {\n background-color: white;\n transform: rotate(0deg);\n}\n\nswitch > slider,\nscale.horizontal > trough > slider,\nscale.marks-after > trough > slider {\n transition: transform 200ms cubic-bezier(0.15, 0.5, 0.3, 0.95),\n background-color 150ms ease-in-out;\n}\n\nswitch > slider:active {\n transform: scale(1.8);\n background-color: rgba(255, 255, 255, 0);\n box-shadow: inset 1.2px 0px 2px -0.2px rgb(52, 199, 89),\n inset -0.8px 0.8px 2px -0.2px rgb(255, 255, 255);\n}\n\nscale.horizontal > trough > slider:active,\nscale.marks-after > trough > slider:active {\n transform: scale(1.28);\n background-color: rgba(255, 255, 255, 0);\n box-shadow: inset 1.2px 0px 2px -0.2px rgb(0, 145, 255),\n inset -0.8px 0.8px 2px -0.2px rgb(255, 255, 255);\n}\n\nrow:hover,\nflowboxchild:hover,\n.card:hover {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\nwindow > tooltip.background {\n color: rgb(30, 30, 30);\n background-color: rgba(255, 255, 255, 0.86);\n box-shadow: inset 2px 2px 2px -2.8px rgb(255, 255, 255),\n inset -2px -2px 2px -2.8px rgb(255, 255, 255);\n}\n\npopover > contents {\n background-color: rgba(255, 255, 255, 0.86);\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.5),\n rgba(255, 255, 255, 0.43)\n );\n}\n\npopover > arrow {\n background-color: rgba(255, 255, 255, 0.92);\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.5),\n rgba(255, 255, 255, 0.43)\n );\n}\n\n.raised.top-bar,\nwindow > windowhandle,\nwindow > headerbar.titlebar {\n background-color: rgba(255, 255, 255, 0);\n border: none;\n}\n\nwidget.content-pane {\n background-color: rgba(255, 255, 255, 0);\n border-radius: 30px;\n}\n\nbox.vertical,\nstack.view,\ncalendar-view,\nnavigation-view-page > toolbarview.undershoot-top.view {\n background-color: rgba(255, 255, 255, 0);\n}\n\nstack.drop-widget,\nstack.drop-widget > revealer,\nwidget.background,\nwidget.content-pane > lpdragoverlay > revealer,\nwidget.content-pane > lpdragoverlay {\n border-radius: 30px;\n}\n\n/*********************\n * Tweaks *\n *********************/\n.tweak-titlebar-left,\n.tweak-titlebar-right {\n background-color: rgba(255, 255, 255, 0);\n border: none;\n border-top-color: rgba(255, 255, 255, 0);\n border-right-color: rgba(255, 255, 255, 0);\n border-bottom-color: rgba(255, 255, 255, 0);\n border-left-color: rgba(255, 255, 255, 0);\n box-shadow: none;\n}\n\n.tweak-titlebar-left > box,\n.tweak-titlebar-right > box {\n background-color: rgba(255, 255, 255, 0);\n border: none;\n border-top-color: rgba(255, 255, 255, 0);\n border-right-color: rgba(255, 255, 255, 0);\n border-bottom-color: rgba(255, 255, 255, 0);\n border-left-color: rgba(255, 255, 255, 0);\n box-shadow: none;\n}\n\nbox {\n border: none;\n border-top-color: rgba(255, 255, 255, 0);\n border-right-color: rgba(255, 255, 255, 0);\n border-bottom-color: rgba(255, 255, 255, 0);\n border-left-color: rgba(255, 255, 255, 0);\n box-shadow: none;\n}\n\nstack.background {\n background-color: rgba(255, 255, 255, 0);\n}\n\nbox.split-row.vertical {\n border-radius: 0;\n border-bottom-color: rgba(255, 255, 255, 0.2);\n}\n\nleaflet.unfolded > separator.horizontal {\n opacity: 0;\n}\n\nleaflet.unfolded > box.vertical list.navigation-sidebar {\n background-color: transparent;\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.5),\n rgba(255, 255, 255, 0.43)\n );\n box-shadow: inset 2px 2px 4px -3px rgb(255, 255, 255),\n inset -2px -2px 4px -3px rgb(255, 255, 255);\n}\n\nleaflet.unfolded > box.vertical > searchbar box {\n background-color: transparent;\n}\n\n/*********************\n * weather *\n *********************/\n\nscrolledwindow.card.forecast-card {\n margin-left: 12px;\n margin-right: 12px;\n}\n\n/*********************\n * calendar *\n *********************/\n\nmonthcell:hover {\n background-color: rgba(255, 255, 255, 0.25);\n}\n\n/*********************\n * Mission Center *\n *********************/\n\ncolumnview.rich-list.view {\n background-color: rgba(255, 255, 255, 0);\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0.5),\n rgba(255, 255, 255, 0.43)\n );\n box-shadow: inset 2px 2px 4px -2.8px rgb(255, 255, 255),\n inset -2px -2px 4px -2.8px rgb(255, 255, 255);\n}\n\n/*\n toolbarview.undershoot-top {\n background-color: rgba(255, 255, 255, 0);\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.1),\n rgba(0, 0, 0, 0.03)\n );\n box-shadow: inset 2px 2px 4px -3.2px rgba(0, 0, 0, 0.6),\n inset -2px -2px 4px -3.2px rgba(0, 0, 0, 0.6);\n }\n */\n\n/*********************\n * Photos APP *\n *********************/\n\n/*\n revealer.bottom-bar {\n border-radius: 9999px;\n background-color: rgba(255, 255, 255, 0);\n background-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.1),\n rgba(0, 0, 0, 0.03)\n );\n box-shadow: inset 2px 2px 4px -3.2px rgba(0, 0, 0, 0.6),\n inset -2px -2px 4px -3.2px rgba(0, 0, 0, 0.6);\n\n }\n */\n\n/*********************\n * Photos APP *\n *********************/\n\nrow.expander,\nrow.expander > row.activatable.header {\n border-radius: 0;\n border-bottom-color: rgba(255, 255, 255, 0);\n}\n\n/*********************\n * Settings *\n *********************/\n\nbutton.background-preview-button.toggle:checked {\n border-radius: 30px;\n}\n\nbutton.background-preview-button.toggle > background-preview > picture {\n border-radius: 28px;\n}\n\n/*********************\n * Extensions *\n *********************/\n\nheader.horizontal.top > tabs > tab:checked,\nheader.horizontal.top > tabs > tab:hover {\n box-shadow: none;\n background-color: rgba(0, 0, 0, 0.08);\n}\n\nheader.horizontal.top > tabs > tab {\n margin-left: -4px;\n margin-right: 8px;\n}\n\nnotebook.frame > stack {\n background-color: transparent;\n}\n\nnotebook.frame > stack > list {\n background-color: rgba(255, 255, 255, 0.6);\n}\n\n/*********************\n * Cartridges *\n *********************/\n\noverlay.large > button#cover_button {\n border-radius: 20px;\n min-width: 22px;\n}\n\noverlay.large\n > revealer.right.top\n > menubutton.circular.osd.popup\n button.image-button.toggle {\n margin-right: 1px;\n}\n\n/*********************\n * Dissent *\n *********************/\n\nnotebook.login-methods > header.horizontal.top {\n border: none;\n padding-bottom: 12px;\n}\n\nnotebook.login-methods > stack {\n background-color: transparent;\n padding-bottom: 12px;\n}\n\nheaderbar.login-page-header,\nheaderbar.login-page-header > windowhandle {\n background-color: transparent;\n border: 0px solid rgba(0, 0, 0, 0);\n}\n\npicture.onlineimage.thumbnail-embed-image,\nbutton.flat.thumbnail-embed {\n border-radius: 20px;\n}\n\nwindow headerbar {\n background-color: transparent;\n}\n\noverlay-split-vew.window-chatpage\n > widget.sidebar-pane\n > box.horizontal.sidebar-sidebar\n > box.sidebar-guildside.vertical\n > windowcontrols.start {\n margin-top: 10px;\n}\n\nbox.horizontal.user-bar {\n margin-right: 17px;\n}\n\npopover.emoji-picker > box.emoji-searchbar > entry.search {\n min-height: 100px;\n}\n\nlist.message-list > row,\ntextview.md-textblock {\n border-radius: 0;\n}\n\noverlay-split-vew.window-chatpage\n > windowhandle\n > box.end.horizontal\n > button.image-button.toggle {\n margin-right: -4px;\n}\n" }, { "path": "gtk/Tahoe-Light/index.theme", "content": "[X-GNOME-Metatheme]\nName=Tahoe-Light\nType=X-GNOME-Metatheme\nEncoding=UTF-8\nGtkTheme=Tahoe-Light\n" }, { "path": "install.sh", "content": "#!/usr/bin/env bash\nset -euo pipefail\n\n# macOS Tahoe Theme Installer — Hybrid Mode (Interactive TUI default, CLI flags supported)\n# Features:\n# - Install Tahoe Light/Dark themes\n# - Generate accent variants (delegates to generate_accent_variants.py)\n# - Install generated color variants\n# - Libadwaita override installation (supports specific accent variant)\n# - Install Ulauncher theme from GitHub releases\n# - Install MacTahoe icons / WhiteSur cursors / WhiteSur GDM\n# - Uninstall everything (with confirmation)\n# - Fully uses gum where available; falls back to echo/read when not present\n#\n# Usage:\n# ./install.sh -> interactive TUI\n# ./install.sh -l -> install light\n# ./install.sh -d -> install dark\n# ./install.sh -la -> install libadwaita override (requires -l or -d)\n# ./install.sh --colors -> generate all accent color variants\n# ./install.sh --color blue -> generate specific accent\n# ./install.sh -u -> uninstall\n# ./install.sh --help -> show help\n#\n# IMPORTANT: This script delegates color math/generation to generate_accent_variants.py\n\n### ----------------------------\n### Configuration / Constants\n### ----------------------------\nSCRIPT_DIR=\"$(cd \"$(dirname \"${BASH_SOURCE[0]}\")\" && pwd)\"\nGTK_DIR=\"$SCRIPT_DIR/gtk\"\nTHEME_DIR=\"$HOME/.themes\"\nGTK4_CONFIG_DIR=\"$HOME/.config/gtk-4.0\"\nDOWNLOADS_DIR=\"$(xdg-user-dir DOWNLOAD 2>/dev/null || echo \"$HOME/Downloads\")\"\nTMP_DIR=\"$(mktemp -d -t tahoe-installer.XXXXXXXXXX)\"\nAPP_LAUNCHER=\"kayozxo/ulauncher-liquid-glass\"\nTMP_ZIP_AL=\"ulauncher-liquid-glass.zip\"\n\nAVAILABLE_COLORS=(blue green purple pink orange red teal indigo rose emerald violet amber cyan lime sky slate)\n\n# Pretty colors for fallback output\nRED='\\033[0;31m'; GREEN='\\033[0;32m'; YELLOW='\\033[1;33m'; BLUE='\\033[0;34m'; CYAN='\\033[0;36m'\nBOLD='\\033[1m'; NC='\\033[0m'\n\n### ----------------------------\n### Utility functions (gum-aware)\n### ----------------------------\ncheck_and_install_gum() {\n if command -v gum &>/dev/null; then\n return 0\n fi\n # Try best-effort installs (non-exhaustive). If they don't succeed, continue.\n echo -e \"${YELLOW}gum not found. Attempt automatic install?${NC}\"\n read -r -p \"Install gum (y/N)? \" yn\n if [[ \"$yn\" =~ ^[Yy]$ ]]; then\n if command -v brew &>/dev/null; then\n brew install gum\n elif command -v dnf &>/dev/null; then\n sudo dnf install -y gum\n elif command -v pacman &>/dev/null; then\n sudo pacman -S --noconfirm gum\n elif command -v apt &>/dev/null; then\n sudo mkdir -p /etc/apt/keyrings\n curl -fsSL https://repo.charm.sh/apt/gpg.key | sudo gpg --dearmor -o /etc/apt/keyrings/charm.gpg\n echo \"deb [signed-by=/etc/apt/keyrings/charm.gpg] https://repo.charm.sh/apt/ * *\" | sudo tee /etc/apt/sources.list.d/charm.list >/dev/null\n sudo apt update && sudo apt install -y gum\n else\n echo \"No known package manager — please install gum manually: https://github.com/charmbracelet/gum\"\n fi\n fi\n}\n\ngum_or_echo() {\n # usage: gum_or_echo \"text\"\n # Strip ANSI codes if using gum, keep them for echo\n if command -v gum &>/dev/null; then\n # Remove ANSI escape sequences for gum\n local clean_text\n clean_text=$(echo -e \"$1\" | sed 's/\\x1b\\[[0-9;]*m//g')\n gum style --border normal --padding \"0 1\" \"$clean_text\"\n else\n echo -e \"$1\"\n fi\n}\n\ngum_confirm_or_read() {\n # $1 prompt\n if command -v gum &>/dev/null; then\n gum confirm \"$1\"\n else\n read -r -p \"$1 (y/N): \" ans\n [[ \"$ans\" =~ ^[Yy]$ ]]\n fi\n}\n\ngum_choose_lines() {\n # pass newline-separated options via stdin; returns selection (stdout)\n # If gum missing, fall back to simple numbered selection\n if command -v gum &>/dev/null; then\n gum choose --cursor \">\" --height 8\n else\n local -a options=()\n while IFS= read -r line; do\n options+=(\"$line\")\n done\n\n if [ ${#options[@]} -eq 0 ]; then\n echo \"No options available\" >&2\n return 1\n fi\n\n local i=1\n for opt in \"${options[@]}\"; do\n echo \"$i) $opt\" >&2\n ((i++))\n done\n\n local selection\n local attempts=0\n local max_attempts=3\n\n while [ $attempts -lt $max_attempts ]; do\n read -r -p \"Enter number (1-${#options[@]}): \" selection &2\n fi\n done\n\n echo \"Max attempts reached. Selection cancelled.\" >&2\n return 1\n fi\n}\n\ngum_spin_run() {\n # $1 title, $2 command string\n if command -v gum &>/dev/null; then\n gum spin --spinner dot --title \"$1\" -- bash -c \"$2\"\n else\n echo \"$1\"\n bash -c \"$2\"\n fi\n}\n\n# safe lowercase and ucfirst helpers\nlower() { echo \"${1,,}\"; } # all lower\nupper_first() { echo \"${1^}\"; } # First letter uppercase\n\n### ----------------------------\n### Environment sanity & cleanup\n### ----------------------------\ncleanup_tmp() {\n if [ -n \"${TMP_DIR:-}\" ] && [ -d \"$TMP_DIR\" ]; then\n rm -rf \"$TMP_DIR\"\n fi\n}\n\ntrap cleanup_tmp EXIT\n\nmkdir -p \"$TMP_DIR\" \"$THEME_DIR\" \"$DOWNLOADS_DIR\" \"$GTK4_CONFIG_DIR\"\n\ncheck_prereqs() {\n local missing=()\n for cmd in curl git unzip rsync python3; do\n if ! command -v \"$cmd\" &>/dev/null; then\n missing+=(\"$cmd\")\n fi\n done\n\n if [ ${#missing[@]} -gt 0 ]; then\n gum_or_echo \"${YELLOW}Warning: Missing commands: ${missing[*]}${NC}\"\n gum_or_echo \"${YELLOW}Some features may not work properly.${NC}\"\n fi\n}\n\n### ----------------------------\n### Core operations\n### ----------------------------\nforce_reload_theme() {\n # Force GNOME to reload theme\n gum_or_echo \"${CYAN}🔄 Forcing theme reload...${NC}\"\n\n # Clear caches\n rm -rf ~/.cache/icon-* ~/.cache/gnome-control-center* 2>/dev/null || true\n\n # Reload GTK settings with longer delay for reliability\n if command -v gsettings &>/dev/null; then\n local current_theme\n current_theme=$(gsettings get org.gnome.desktop.interface gtk-theme 2>/dev/null || echo \"\")\n if [ -n \"$current_theme\" ]; then\n gsettings set org.gnome.desktop.interface gtk-theme \"\" 2>/dev/null || true\n sleep 1\n gsettings set org.gnome.desktop.interface gtk-theme \"$current_theme\" 2>/dev/null || true\n fi\n fi\n\n gum_or_echo \"${GREEN}✓ Theme reloaded! You may need to restart applications or log out.${NC}\"\n echo\n}\n\nbackup_existing() {\n local target=\"$1\"\n if [ -d \"$target\" ] || [ -f \"$target\" ]; then\n local backup=\"${target}.backup.$(date +%Y%m%d-%H%M%S)\"\n gum_or_echo \"${CYAN}Backing up existing: $(basename \"$target\") -> $(basename \"$backup\")${NC}\"\n mv \"$target\" \"$backup\"\n fi\n}\n\ninstall_theme_copy() {\n # args: src_dir dest_name\n local src=\"$1\"\n local dest_name=\"$2\"\n local dest=\"$THEME_DIR/$dest_name\"\n\n if [ -z \"$src\" ] || [ -z \"$dest_name\" ]; then\n gum_or_echo \"${RED}Error: Invalid arguments to install_theme_copy${NC}\"\n return 1\n fi\n\n if [ ! -d \"$src\" ]; then\n gum_or_echo \"${YELLOW}Source not found: $src${NC}\"\n return 1\n fi\n\n # Backup existing theme\n backup_existing \"$dest\"\n\n if command -v rsync &>/dev/null; then\n gum_spin_run \"Installing $dest_name...\" \"rsync -a \\\"$src/\\\" \\\"$dest/\\\"\"\n else\n gum_spin_run \"Installing $dest_name...\" \"cp -a \\\"$src\\\" \\\"$dest\\\"\"\n fi\n gum_or_echo \"✅ Installed $dest_name → $dest\"\n}\n\ninstall_base_themes() {\n # args: install_light install_dark\n local do_light=$1\n local do_dark=$2\n\n if $do_light; then\n install_theme_copy \"$GTK_DIR/Tahoe-Light\" \"Tahoe-Light\"\n fi\n if $do_dark; then\n install_theme_copy \"$GTK_DIR/Tahoe-Dark\" \"Tahoe-Dark\"\n fi\n}\n\ngenerate_accent_variants_py() {\n # args: color (empty -> all)\n local color=\"$1\"\n\n if [ ! -f \"$SCRIPT_DIR/generate_accent_variants.py\" ]; then\n gum_or_echo \"${RED}Error: generate_accent_variants.py not found in $SCRIPT_DIR${NC}\"\n return 1\n fi\n\n if ! command -v python3 &>/dev/null; then\n gum_or_echo \"${RED}Error: python3 is required to generate accent variants${NC}\"\n return 1\n fi\n\n if [ -n \"$color\" ]; then\n gum_spin_run \"Generating accent: $color\" \"python3 \\\"$SCRIPT_DIR/generate_accent_variants.py\\\" --color \\\"$color\\\" --name \\\"$color\\\"\"\n else\n gum_spin_run \"Generating all accent variants...\" \"python3 \\\"$SCRIPT_DIR/generate_accent_variants.py\\\" --all\"\n fi\n gum_or_echo \"✅ Accent generation finished.\"\n}\n\ninstall_color_variants_from_gtkdir() {\n local installed_count=0\n\n gum_or_echo \"${CYAN}Scanning for generated color variants...${NC}\"\n\n shopt -s nullglob\n for pattern in \"$GTK_DIR\"/Tahoe-Dark-* \"$GTK_DIR\"/Tahoe-Light-*; do\n if [ -d \"$pattern\" ]; then\n local bn\n bn=$(basename \"$pattern\")\n local dest=\"$THEME_DIR/$bn\"\n\n backup_existing \"$dest\"\n cp -a \"$pattern\" \"$THEME_DIR/\"\n gum_or_echo \" ✓ Installed: $bn\"\n ((installed_count++))\n fi\n done\n shopt -u nullglob\n\n if [ $installed_count -eq 0 ]; then\n gum_or_echo \"${YELLOW}No generated color variants found in $GTK_DIR${NC}\"\n gum_or_echo \"${YELLOW}Run 'Generate accent variants' first.${NC}\"\n else\n gum_or_echo \"${GREEN}🎨 Installed $installed_count accent variant(s) to $THEME_DIR${NC}\"\n fi\n}\n\ninstall_libadwaita_override() {\n # args: pref_mode(Light|Dark) specific_color(optional)\n local pref=\"$1\"\n local specific=\"$2\"\n\n # normalize mode to Title Case\n pref=\"${pref:-Light}\"\n pref=\"$(upper_first \"$(lower \"$pref\")\")\"\n specific=\"${specific:-}\"\n\n local specific_uc=\"\"\n if [ -n \"$specific\" ]; then\n specific_uc=\"$(upper_first \"$(lower \"$specific\")\")\"\n fi\n\n # First try specific variant paths with Title Case color folder name\n local candidate=\"\"\n if [ -n \"$specific_uc\" ]; then\n if [ \"$pref\" = \"Light\" ] && [ -d \"$GTK_DIR/Tahoe-Light-${specific_uc}/gtk-4.0\" ]; then\n candidate=\"$GTK_DIR/Tahoe-Light-${specific_uc}/gtk-4.0\"\n elif [ \"$pref\" = \"Dark\" ] && [ -d \"$GTK_DIR/Tahoe-Dark-${specific_uc}/gtk-4.0\" ]; then\n candidate=\"$GTK_DIR/Tahoe-Dark-${specific_uc}/gtk-4.0\"\n fi\n fi\n\n # Fallback to base gtk-4.0\n if [ -z \"$candidate\" ]; then\n if [ \"$pref\" = \"Light\" ] && [ -d \"$GTK_DIR/Tahoe-Light/gtk-4.0\" ]; then\n candidate=\"$GTK_DIR/Tahoe-Light/gtk-4.0\"\n elif [ \"$pref\" = \"Dark\" ] && [ -d \"$GTK_DIR/Tahoe-Dark/gtk-4.0\" ]; then\n candidate=\"$GTK_DIR/Tahoe-Dark/gtk-4.0\"\n fi\n fi\n\n if [ -z \"$candidate\" ]; then\n gum_or_echo \"${RED}✗ libadwaita source folder not found for your selection.${NC}\"\n gum_or_echo \"Tried paths (examples):\"\n if [ -n \"$specific_uc\" ]; then\n gum_or_echo \" $GTK_DIR/Tahoe-${pref}-${specific_uc}/gtk-4.0\"\n fi\n gum_or_echo \" $GTK_DIR/Tahoe-${pref}/gtk-4.0\"\n return 1\n fi\n\n # Backup existing gtk-4.0 config\n if [ -f \"$GTK4_CONFIG_DIR/gtk.css\" ]; then\n backup_existing \"$GTK4_CONFIG_DIR/gtk.css\"\n fi\n\n gum_spin_run \"Installing libadwaita override to $GTK4_CONFIG_DIR...\" \"\n set -e\n mkdir -p \\\"$GTK4_CONFIG_DIR\\\"\n rm -f \\\"$GTK4_CONFIG_DIR/gtk.css\\\" \\\"$GTK4_CONFIG_DIR/gtk-dark.css\\\" \\\"$GTK4_CONFIG_DIR/gtk-Light.css\\\" \\\"$GTK4_CONFIG_DIR/gtk-Dark.css\\\" 2>/dev/null || true\n rm -rf \\\"$GTK4_CONFIG_DIR/assets\\\" \\\"$GTK4_CONFIG_DIR/windows-assets\\\" 2>/dev/null || true\n cp -a \\\"$candidate/\\\"* \\\"$GTK4_CONFIG_DIR/\\\"\n \"\n gum_or_echo \"✅ Installed libadwaita override from $candidate\"\n}\n\ninstall_ulauncher_theme() {\n # Requires curl & unzip\n if ! command -v curl &>/dev/null || ! command -v unzip &>/dev/null; then\n gum_or_echo \"${RED}Error: curl and unzip are required to fetch Ulauncher theme${NC}\"\n return 1\n fi\n\n gum_spin_run \"Fetching latest release URL for $APP_LAUNCHER...\" '\n set -e\n api=$(curl -s \"https://api.github.com/repos/'\"$APP_LAUNCHER\"'/releases/latest\")\n DOWNLOAD_URL=$(echo \"$api\" | grep \"\\\"browser_download_url\\\"\" | sed -E \"s/.*\\\"([^\\\"]+)\\\".*/\\1/\" | head -n1)\n echo \"$DOWNLOAD_URL\" > \"'\"$TMP_DIR\"'/download_url.txt\"\n '\n\n local url\n url=\"$(cat \"$TMP_DIR/download_url.txt\" 2>/dev/null || true)\"\n\n if [ -z \"$url\" ]; then\n gum_or_echo \"${RED}✗ Could not detect download URL from GitHub API for $APP_LAUNCHER${NC}\"\n return 1\n fi\n\n gum_spin_run \"Downloading Ulauncher theme...\" \"curl -L -o \\\"$TMP_DIR/$TMP_ZIP_AL\\\" \\\"$url\\\"\"\n gum_spin_run \"Extracting to $DOWNLOADS_DIR...\" \"unzip -o \\\"$TMP_DIR/$TMP_ZIP_AL\\\" -d \\\"$DOWNLOADS_DIR\\\"\"\n rm -f \"$TMP_DIR/$TMP_ZIP_AL\"\n\n # try to run installer if exists\n local install_script\n install_script=\"$(find \"$DOWNLOADS_DIR\" -maxdepth 2 -type f -iname \"install.sh\" | head -n1 || true)\"\n\n if [ -n \"$install_script\" ]; then\n if gum_confirm_or_read \"Run extracted Ulauncher installer ($install_script) now?\"; then\n bash \"$install_script\"\n gum_or_echo \"✅ Ulauncher installer executed.\"\n else\n gum_or_echo \"⚠️ Installer found at $install_script but not executed.\"\n fi\n else\n gum_or_echo \"✅ Ulauncher package downloaded to $DOWNLOADS_DIR\"\n fi\n}\n\ninstall_icons_or_cursors() {\n # args: repo_url clone_name [install_args...]\n local repo=\"$1\"\n local dir=\"$2\"\n shift 2\n local flags=(\"$@\")\n local clone_dir=\"$DOWNLOADS_DIR/$dir\"\n\n if [ -d \"$clone_dir\" ]; then\n if gum_confirm_or_read \"Folder $clone_dir exists. Remove & re-clone?\"; then\n rm -rf \"$clone_dir\"\n else\n gum_or_echo \"Skipping clone.\"\n return 1\n fi\n fi\n\n gum_spin_run \"Cloning $repo...\" \"git clone --depth=1 \\\"$repo\\\" \\\"$clone_dir\\\"\"\n\n gum_or_echo \"${YELLOW}⚠️ The following operation will require sudo privileges.${NC}\"\n\n if gum_confirm_or_read \"Run installer for $dir now (requires sudo)?\"; then\n sudo bash \"$clone_dir/install.sh\" \"${flags[@]}\"\n gum_or_echo \"✅ Installed $dir\"\n else\n gum_or_echo \"⚠️ Cloned to $clone_dir — run installer manually later.\"\n fi\n}\n\ninstall_gdm_theme() {\n local repo=\"https://github.com/vinceliuice/WhiteSur-gtk-theme.git\"\n local clone_dir=\"$DOWNLOADS_DIR/WhiteSur-gtk-theme\"\n\n if [ -d \"$clone_dir\" ]; then\n if gum_confirm_or_read \"WhiteSur GDM folder exists. Remove & re-clone?\"; then\n rm -rf \"$clone_dir\"\n else\n gum_or_echo \"Skipping GDM clone.\"\n return 1\n fi\n fi\n\n gum_spin_run \"Cloning WhiteSur GDM theme...\" \"git clone --depth=1 \\\"$repo\\\" \\\"$clone_dir\\\"\"\n\n gum_or_echo \"${YELLOW}⚠️ The following operation will require sudo privileges.${NC}\"\n gum_or_echo \"${CYAN}Available backgrounds: default, blank, ...${NC}\"\n\n local bg_choice=\"default\"\n if command -v gum &>/dev/null; then\n bg_choice=$(gum input --placeholder \"Enter background (default: default)\" --value \"default\")\n else\n read -r -p \"Enter background choice (default: default): \" bg_choice\n bg_choice=\"${bg_choice:-default}\"\n fi\n\n if gum_confirm_or_read \"Install GDM theme with background '$bg_choice' (requires sudo)?\"; then\n sudo bash \"$clone_dir/tweaks.sh\" -g -b \"$bg_choice\"\n gum_or_echo \"✅ GDM theme installed with background: $bg_choice\"\n else\n gum_or_echo \"⚠️ WhiteSur-gtk-theme cloned to $clone_dir\"\n fi\n}\n\ninstall_wallpaper() {\n gum_or_echo \"${CYAN}Installing Tahoe 26 5k wallpapers...${NC}\"\n gum_or_echo \"${YELLOW}⚠️ This operation requires sudo privileges to install wallpapers globally.${NC}\"\n\n # Check if files exist\n local source_wallpaper_dir=\"$SCRIPT_DIR/.config/walls/Tahoe\"\n local source_xml=\"$SCRIPT_DIR/.config/walls/Tahoe.xml\"\n\n if [ ! -d \"$source_wallpaper_dir\" ]; then\n gum_or_echo \"${RED}✗ Source wallpaper directory not found: $source_wallpaper_dir${NC}\"\n return 1\n fi\n\n if [ ! -f \"$source_xml\" ]; then\n gum_or_echo \"${RED}✗ Source XML file not found: $source_xml${NC}\"\n return 1\n fi\n\n # Pre-authenticate sudo before any operations (password prompt will be visible)\n gum_or_echo \"${YELLOW}⏳ Please enter your sudo password when prompted...${NC}\"\n if ! sudo -v; then\n gum_or_echo \"${RED}✗ Failed to authenticate with sudo${NC}\"\n return 1\n fi\n\n # Now run the actual commands - sudo is cached, no prompts during spinner\n gum_spin_run \"Creating directories...\" \"sudo mkdir -p /usr/share/backgrounds/ /usr/share/gnome-background-properties/\"\n gum_spin_run \"Copying wallpapers...\" \"sudo cp -r \\\"$source_wallpaper_dir\\\" /usr/share/backgrounds/\"\n gum_spin_run \"Copying metadata...\" \"sudo cp \\\"$source_xml\\\" /usr/share/gnome-background-properties/\"\n\n gum_or_echo \"✅ Wallpapers installed!\"\n gum_or_echo \"${GREEN}Wallpaper location: /usr/share/backgrounds/Tahoe${NC}\"\n gum_or_echo \"${GREEN}XML location: /usr/share/gnome-background-properties/Tahoe.xml${NC}\"\n gum_or_echo \"${CYAN}Note: You can apply the wallpaper in your settings under Appearance.${NC}\"\n\n # Pretty irrelevant information, but so i know you actually check the code: I like kissing boys :3\n # wallpaper installer made by skittle0764 https://github.com/skittle0764\n}\n\nconnect_flatpak() {\n if ! command -v flatpak &>/dev/null; then\n gum_or_echo \"${RED}Error: Flatpak is not installed on your system${NC}\"\n return 1\n fi\n\n gum_or_echo \"${CYAN}ℹ️ Flatpak Theme Connection${NC}\"\n gum_or_echo \"This will allow Flatpak apps to access your GTK themes.\"\n echo\n\n gum_or_echo \"${YELLOW}⚠️ This operation requires sudo privileges.${NC}\"\n\n if ! gum_confirm_or_read \"Grant Flatpak apps permission to access GTK configs?\"; then\n gum_or_echo \"Flatpak connection cancelled.\"\n return 0\n fi\n\n # Pre-authenticate sudo before any operations\n gum_or_echo \"${YELLOW}⏳ Please enter your sudo password when prompted...${NC}\"\n if ! sudo -v; then\n gum_or_echo \"${RED}✗ Failed to authenticate with sudo${NC}\"\n return 1\n fi\n\n # Grant filesystem access to GTK config directories (sudo is now cached)\n gum_spin_run \"Granting Flatpak access to GTK-3.0 config...\" \"sudo flatpak override --filesystem=xdg-config/gtk-3.0\"\n gum_spin_run \"Granting Flatpak access to GTK-4.0 config...\" \"sudo flatpak override --filesystem=xdg-config/gtk-4.0\"\n gum_spin_run \"Granting Flatpak access to themes...\" \"sudo flatpak override --filesystem=~/.themes\"\n\n gum_or_echo \"✅ Flatpak permissions configured successfully!\"\n echo\n gum_or_echo \"${GREEN}Your Flatpak apps should now be able to use Tahoe themes.${NC}\"\n gum_or_echo \"${CYAN}Note: You may need to restart Flatpak apps for changes to take effect.${NC}\"\n}\n\ndisconnect_flatpak() {\n if ! command -v flatpak &>/dev/null; then\n gum_or_echo \"${YELLOW}Flatpak is not installed, nothing to disconnect.${NC}\"\n return 0\n fi\n\n gum_or_echo \"${CYAN}Disconnecting Flatpak theme access...${NC}\"\n\n gum_or_echo \"${YELLOW}⚠️ This will remove Flatpak's access to your GTK configs and themes.${NC}\"\n\n if ! gum_confirm_or_read \"Remove Flatpak GTK theme permissions?\"; then\n gum_or_echo \"Disconnect cancelled.\"\n return 0\n fi\n\n # Pre-authenticate sudo before any operations\n gum_or_echo \"${YELLOW}⏳ Please enter your sudo password when prompted...${NC}\"\n if ! sudo -v; then\n gum_or_echo \"${RED}✗ Failed to authenticate with sudo${NC}\"\n return 1\n fi\n\n # Remove filesystem overrides (sudo is now cached)\n gum_spin_run \"Removing GTK-3.0 access...\" \"sudo flatpak override --nofilesystem=xdg-config/gtk-3.0 2>/dev/null || true\"\n gum_spin_run \"Removing GTK-4.0 access...\" \"sudo flatpak override --nofilesystem=xdg-config/gtk-4.0 2>/dev/null || true\"\n gum_spin_run \"Removing themes access...\" \"sudo flatpak override --nofilesystem=~/.themes 2>/dev/null || true\"\n\n gum_or_echo \"✅ Flatpak theme permissions removed.\"\n}\n\nuninstall_all() {\n if ! gum_confirm_or_read \"Are you sure you want to uninstall all Tahoe themes and GTK overrides?\"; then\n gum_or_echo \"Uninstall cancelled.\"\n return 0\n fi\n\n gum_spin_run \"Removing themes and variants...\" '\n set -e\n if [ -d \"'\"$THEME_DIR\"'/Tahoe-Dark\" ]; then rm -rf \"'\"$THEME_DIR\"'/Tahoe-Dark\"; fi\n if [ -d \"'\"$THEME_DIR\"'/Tahoe-Light\" ]; then rm -rf \"'\"$THEME_DIR\"'/Tahoe-Light\"; fi\n shopt -s nullglob\n for d in \"'\"$THEME_DIR\"'/Tahoe-Dark-\"* \"'\"$THEME_DIR\"'/Tahoe-Light-\"*; do\n if [ -d \"$d\" ]; then rm -rf \"$d\"; fi\n done\n '\n\n gum_spin_run \"Cleaning $GTK4_CONFIG_DIR...\" '\n set -e\n if [ -f \"'\"$GTK4_CONFIG_DIR\"'/gtk.css\" ]; then rm -f \"'\"$GTK4_CONFIG_DIR\"'/gtk.css\"; fi\n if [ -f \"'\"$GTK4_CONFIG_DIR\"'/gtk-dark.css\" ]; then rm -f \"'\"$GTK4_CONFIG_DIR\"'/gtk-dark.css\"; fi\n if [ -f \"'\"$GTK4_CONFIG_DIR\"'/gtk-Light.css\" ]; then rm -f \"'\"$GTK4_CONFIG_DIR\"'/gtk-Light.css\"; fi\n if [ -f \"'\"$GTK4_CONFIG_DIR\"'/gtk-Dark.css\" ]; then rm -f \"'\"$GTK4_CONFIG_DIR\"'/gtk-Dark.css\"; fi\n if [ -d \"'\"$GTK4_CONFIG_DIR\"'/assets\" ]; then rm -rf \"'\"$GTK4_CONFIG_DIR\"'/assets\"; fi\n if [ -d \"'\"$GTK4_CONFIG_DIR\"'/windows-assets\" ]; then rm -rf \"'\"$GTK4_CONFIG_DIR\"'/windows-assets\"; fi\n '\n\n gum_or_echo \"✅ Uninstallation complete.\"\n gum_or_echo \"${CYAN}Note: Icons, cursors, and GDM themes may need separate uninstallers.${NC}\"\n gum_or_echo \"${CYAN}Check $DOWNLOADS_DIR for cloned repositories.${NC}\"\n}\n\n### ----------------------------\n### Interactive menu & helpers\n### ----------------------------\nshow_help() {\n if command -v gum &>/dev/null; then\n gum format --type=markdown <<'MD'\n# macOS Tahoe Theme Installer — Help\n\nRun `./install.sh` (interactive TUI). Also supports CLI flags:\n\n## Installation Flags\n- `--install-light` or `-l` - Install Tahoe Light theme\n- `--install-dark` or `-d` - Install Tahoe Dark theme\n- `--install-both` - Install both Light and Dark themes\n\n## Accent Color Flags\n- `--colors` - Generate all accent color variants\n- `--color NAME` - Generate specific accent variant (e.g., `--color blue`)\n\n## Configuration Flags\n- `-la` - Install libadwaita override (use with `-l` or `-d`)\n- `--flatpak` - Connect Flatpak apps to Tahoe themes (requires sudo)\n- `--flatpak-disconnect` - Remove Flatpak theme access\n\n## Other Flags\n- `-u` or `--uninstall` - Uninstall all themes\n- `-h` or `--help` - Show this help\n\n## Menu Actions (Interactive Mode)\n- **Install Light/Dark/Both** - Copy theme files to ~/.themes\n- **Generate accent variants** - Run generate_accent_variants.py\n- **Install generated variants** - Copy Tahoe-Light- folders to ~/.themes\n- **Libadwaita override** - Install gtk-4.0 override to ~/.config/gtk-4.0\n- **Extras** - Install icons, cursors, Ulauncher theme, GDM theme, or connect Flatpak\n- **Uninstall** - Remove all installed themes and GTK overrides\n\n## Flatpak Support\nFlatpak apps run in a sandbox and need explicit permission to access themes:\n1. Run `./install.sh --flatpak` to grant permissions\n2. Restart your Flatpak apps to apply the theme\n3. Use `--flatpak-disconnect` to remove permissions later\nMD\n else\n cat <<'TXT'\nmacOS Tahoe Theme Installer — Help\n\nRun ./install.sh to open the interactive TUI.\n\nCLI flags:\n --install-light / -l Install Light theme\n --install-dark / -d Install Dark theme\n --install-both Install both themes\n --color NAME Generate specific accent\n --colors Generate all accents\n -la Install libadwaita override\n --flatpak Connect Flatpak themes\n --flatpak-disconnect Disconnect Flatpak themes\n -u / --uninstall Uninstall all\n -h / --help Show help\n\nFlatpak Support:\n Grants Flatpak apps permission to use your GTK themes.\n Run: ./install.sh --flatpak\nTXT\n fi\n}\n\nchoose_accent_color() {\n printf \"%s\\n\" \"${AVAILABLE_COLORS[@]}\" | gum_choose_lines\n}\n\ninteractive_menu() {\n check_prereqs\n while true; do\n local selection\n if command -v gum &>/dev/null; then\n selection=$(gum choose --height 14 \\\n \"Install: Light\" \\\n \"Install: Dark\" \\\n \"Install: Both\" \\\n \"Generate: All accent variants\" \\\n \"Generate: Specific accent variant\" \\\n \"Install generated accent variants into ~/.themes\" \\\n \"Install libadwaita override\" \\\n \"Install Extras (icons/wallpapers/cursors/ulauncher/GDM)\" \\\n \"Uninstall themes\" \\\n \"Force reload theme (clear cache)\" \\\n \"Help\" \\\n \"Exit\")\n else\n echo \"Choose an option:\"\n select selection in \"Install: Light\" \"Install: Dark\" \"Install: Both\" \"Generate: All accent variants\" \"Generate: Specific accent variant\" \"Install generated accent variants into ~/.themes\" \"Install libadwaita override\" \"Install Extras (icons/cursors/ulauncher/GDM)\" \"Uninstall themes\" \"Force reload theme\" \"Help\" \"Exit\"; do break; done\n fi\n\n case \"$selection\" in\n \"Install: Light\") install_base_themes true false ;;\n \"Install: Dark\") install_base_themes false true ;;\n \"Install: Both\") install_base_themes true true ;;\n \"Generate: All accent variants\")\n if gum_confirm_or_read \"Run accent generation (--all) now?\"; then\n generate_accent_variants_py \"\"\n fi\n ;;\n \"Generate: Specific accent variant\")\n chosen=\"$(choose_accent_color)\"\n if [ -n \"${chosen:-}\" ]; then\n generate_accent_variants_py \"$chosen\"\n else\n gum_or_echo \"No color chosen — cancelled.\"\n fi\n ;;\n \"Install generated accent variants into ~/.themes\") install_color_variants_from_gtkdir ;;\n \"Install libadwaita override\")\n if command -v gum &>/dev/null; then\n mode=$(gum choose \"Light\" \"Dark\")\n else\n read -r -p \"Choose mode (Light/Dark): \" mode\n fi\n specific=\"\"\n if gum_confirm_or_read \"Pick a specific accent variant for libadwaita override?\"; then\n specific=\"$(choose_accent_color)\"\n fi\n install_libadwaita_override \"${mode:-Light}\" \"$specific\"\n ;;\n \"Install Extras (icons/wallpapers/cursors/ulauncher/GDM)\")\n if command -v gum &>/dev/null; then\n ex=$(gum choose \\\n \"Install MacTahoe icons\" \\\n \"Install WhiteSur cursors\" \\\n \"Install Ulauncher theme\" \\\n \"Install WhiteSur GDM theme\" \\\n \"Install Tahoe Wallpapers\" \\\n \"Connect Flatpak themes\" \\\n \"Disconnect Flatpak themes\" \\\n \"Back\")\n else\n echo \"Extras:\"\n echo \" 1) Install MacTahoe icons\"\n echo \" 2) Install WhiteSur cursors\"\n echo \" 3) Install Ulauncher theme\"\n echo \" 4) Install WhiteSur GDM theme\"\n echo \" 5) Install Tahoe Wallpapers\"\n echo \" 6) Connect Flatpak themes\"\n echo \" 7) Disconnect Flatpak themes\"\n echo \" 8) Back\"\n read -r -p \"Enter choice (1-8): \" ex\n fi\n case \"$ex\" in\n \"Install MacTahoe icons\"|1) install_icons_or_cursors \"https://github.com/vinceliuice/MacTahoe-icon-theme.git\" \"MacTahoe-icon-theme\" -b ;;\n \"Install WhiteSur cursors\"|2) install_icons_or_cursors \"https://github.com/vinceliuice/WhiteSur-cursors.git\" \"WhiteSur-cursors\" ;;\n \"Install Ulauncher theme\"|3) install_ulauncher_theme ;;\n \"Install WhiteSur GDM theme\"|4) install_gdm_theme ;;\n \"Install Tahoe Wallpapers\"|5) install_wallpaper ;;\n \"Connect Flatpak themes\"|6) connect_flatpak ;;\n \"Disconnect Flatpak themes\"|7) disconnect_flatpak ;;\n \"Back\"|8) : ;;\n *) gum_or_echo \"${YELLOW}Unrecognized option in Extras menu${NC}\" ;;\n esac\n ;;\n \"Uninstall themes\") uninstall_all ;;\n \"Force reload theme\"|\"Force reload theme (clear cache)\") force_reload_theme ;;\n \"Help\") show_help ;;\n \"Exit\") gum_or_echo \"Goodbye — enjoy the theme! 🎉\"; break ;;\n *) gum_or_echo \"${YELLOW}Unrecognized option${NC}\" ;;\n esac\n\n # small refresh\n if command -v gum &>/dev/null; then\n gum spin --spinner line --title \"Refreshing...\" -- sleep 0.12\n else\n sleep 0.12\n fi\n done\n}\n\n### ----------------------------\n### CLI flag handling (hybrid)\n### ----------------------------\nprint_usage_and_exit() {\n show_help\n exit 0\n}\n\n# Parse CLI options first (before interactive mode)\nif [[ $# -gt 0 ]]; then\n # Handle help first\n for arg in \"$@\"; do\n if [[ \"$arg\" == \"--help\" || \"$arg\" == \"-h\" ]]; then\n print_usage_and_exit\n fi\n done\n\n # Parse combined flags like -l -la or -d --color blue -la\n INSTALL_LIGHT=false\n INSTALL_DARK=false\n INSTALL_LIBADWAITA=false\n INSTALL_COLORS=false\n SPECIFIC_COLOR=\"\"\n INSTALL_WALLPAPER=false\n\n while [[ $# -gt 0 ]]; do\n case \"$1\" in\n -u|--uninstall)\n uninstall_all\n exit 0\n ;;\n -l|--install-light)\n INSTALL_LIGHT=true\n shift\n ;;\n -d|--install-dark)\n INSTALL_DARK=true\n shift\n ;;\n -la)\n INSTALL_LIBADWAITA=true\n shift\n ;;\n -w|--wallpaper)\n INSTALL_WALLPAPER=true\n shift\n ;;\n --flatpak)\n connect_flatpak\n exit 0\n ;;\n --flatpak-disconnect)\n disconnect_flatpak\n exit 0\n ;;\n --colors)\n INSTALL_COLORS=true\n shift\n ;;\n --color)\n INSTALL_COLORS=true\n SPECIFIC_COLOR=\"$2\"\n shift 2\n ;;\n --install-both)\n INSTALL_LIGHT=true\n INSTALL_DARK=true\n shift\n ;;\n *)\n gum_or_echo \"${YELLOW}Unknown option: $1${NC}\"\n print_usage_and_exit\n ;;\n esac\n done\n\n # Execute based on parsed flags\n if $INSTALL_LIGHT || $INSTALL_DARK; then\n install_base_themes $INSTALL_LIGHT $INSTALL_DARK\n fi\n\n if $INSTALL_COLORS; then\n if [ -n \"$SPECIFIC_COLOR\" ]; then\n generate_accent_variants_py \"$SPECIFIC_COLOR\"\n else\n generate_accent_variants_py \"\"\n fi\n fi\n\n if $INSTALL_LIBADWAITA; then\n # Determine mode from flags\n pref=\"Light\"\n if $INSTALL_DARK; then\n pref=\"Dark\"\n elif ! $INSTALL_LIGHT && ! $INSTALL_DARK; then\n pref=\"Light\" # default\n fi\n\n install_libadwaita_override \"$pref\" \"$SPECIFIC_COLOR\"\n fi\n\n if $INSTALL_WALLPAPER; then\n install_wallpaper\n fi\n\n exit 0\nfi\n\n### ----------------------------\n### Start interactive TUI (default)\n### ----------------------------\ncheck_and_install_gum\ncheck_prereqs\n\nif command -v gum &>/dev/null; then\n gum style --border double --padding \"1 2\" --margin \"1\" --foreground 212 \"🌄 macOS Tahoe Theme Installer\" \"Welcome! Let's make your desktop beautiful.\"\nelse\n echo -e \"${BOLD}macOS Tahoe Theme Installer — Interactive${NC}\"\nfi\n\ninteractive_menu\n\nexit 0" } ]