diff --git a/AUTHORS b/AUTHORS
index 4205d3f..2361830 100644
--- a/AUTHORS
+++ b/AUTHORS
@@ -1,9 +1,9 @@
------------------------- VIMIX GTK THEME ------------------------
+------------------------ CANTA GTK THEME ------------------------
 
 SOURCES:
-nana-4 - Flat-Plat gtk theme: https://github.com/nana-4/Flat-Plat
+nana-4 - materia gtk theme: https://github.com/nana-4/materia-theme
 
 CUSTOMIZER:
-Vince Liuice <vinceliuice@hotmail.com> - Vimix Gtk Theme (https://github.com/vinceliuice/vimix-gtk-themes)
+Vince Liuice <vinceliuice@hotmail.com> - Canta Theme (https://github.com/vinceliuice/Canta-theme)
 
------------------------- VIMIX GTK THEME ------------------------
+------------------------ CANTA GTK THEME ------------------------
diff --git a/COPYING b/COPYING
new file mode 100644
index 0000000..94a9ed0
--- /dev/null
+++ b/COPYING
@@ -0,0 +1,674 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU General Public License is a free, copyleft license for
+software and other kinds of works.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+the GNU General Public License is intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.  We, the Free Software Foundation, use the
+GNU General Public License for most of our software; it applies also to
+any other work released this way by its authors.  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  To protect your rights, we need to prevent others from denying you
+these rights or asking you to surrender the rights.  Therefore, you have
+certain responsibilities if you distribute copies of the software, or if
+you modify it: responsibilities to respect the freedom of others.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must pass on to the recipients the same
+freedoms that you received.  You must make sure that they, too, receive
+or can get the source code.  And you must show them these terms so they
+know their rights.
+
+  Developers that use the GNU GPL protect your rights with two steps:
+(1) assert copyright on the software, and (2) offer you this License
+giving you legal permission to copy, distribute and/or modify it.
+
+  For the developers' and authors' protection, the GPL clearly explains
+that there is no warranty for this free software.  For both users' and
+authors' sake, the GPL requires that modified versions be marked as
+changed, so that their problems will not be attributed erroneously to
+authors of previous versions.
+
+  Some devices are designed to deny users access to install or run
+modified versions of the software inside them, although the manufacturer
+can do so.  This is fundamentally incompatible with the aim of
+protecting users' freedom to change the software.  The systematic
+pattern of such abuse occurs in the area of products for individuals to
+use, which is precisely where it is most unacceptable.  Therefore, we
+have designed this version of the GPL to prohibit the practice for those
+products.  If such problems arise substantially in other domains, we
+stand ready to extend this provision to those domains in future versions
+of the GPL, as needed to protect the freedom of users.
+
+  Finally, every program is threatened constantly by software patents.
+States should not allow patents to restrict development and use of
+software on general-purpose computers, but in those that do, we wish to
+avoid the special danger that patents applied to a free program could
+make it effectively proprietary.  To prevent this, the GPL assures that
+patents cannot be used to render the program non-free.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Use with the GNU Affero General Public License.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU Affero General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the special requirements of the GNU Affero General Public License,
+section 13, concerning interaction through a network will apply to the
+combination as such.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If the program does terminal interaction, make it output a short
+notice like this when it starts in an interactive mode:
+
+    <program>  Copyright (C) <year>  <name of author>
+    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, your program's commands
+might be different; for a GUI interface, you would use an "about box".
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU GPL, see
+<http://www.gnu.org/licenses/>.
+
+  The GNU General Public License does not permit incorporating your program
+into proprietary programs.  If your program is a subroutine library, you
+may consider it more useful to permit linking proprietary applications with
+the library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.  But first, please read
+<http://www.gnu.org/philosophy/why-not-lgpl.html>.
diff --git a/gnome-shell/assets/activities-active.svg b/gnome-shell/assets/activities-active.svg
new file mode 100644
index 0000000..4c4f38e
--- /dev/null
+++ b/gnome-shell/assets/activities-active.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 22.5 22.5" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -1029.9)">
+  <g fill="#fff">
+   <circle cx="3.75" cy="1041.1" r="1.875"/>
+   <circle cx="11.25" cy="1041.1" r="1.875"/>
+   <circle cx="18.75" cy="1041.1" r="1.875"/>
+  </g>
+ </g>
+</svg>
diff --git a/gnome-shell/assets/activities.svg b/gnome-shell/assets/activities.svg
new file mode 100644
index 0000000..2ac767b
--- /dev/null
+++ b/gnome-shell/assets/activities.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 22.5 22.5" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(0 -1029.9)">
+  <g transform="translate(0 1.7383e-5)" fill="#fff">
+   <circle cx="3.75" cy="1041.1" r="1.875" opacity=".8"/>
+   <circle cx="11.25" cy="1041.1" r="1.875" opacity=".8"/>
+   <circle cx="18.75" cy="1041.1" r="1.875" opacity=".8"/>
+  </g>
+ </g>
+</svg>
diff --git a/gnome-shell/assets/calendar-arrow-left.svg b/gnome-shell/assets/calendar-arrow-left.svg
new file mode 100644
index 0000000..f37b500
--- /dev/null
+++ b/gnome-shell/assets/calendar-arrow-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="m10 3v10l-5-5z" fill="#FFFFFF" opacity="0.7"/>
+</svg>
diff --git a/gnome-shell/assets/calendar-arrow-right.svg b/gnome-shell/assets/calendar-arrow-right.svg
new file mode 100644
index 0000000..6567537
--- /dev/null
+++ b/gnome-shell/assets/calendar-arrow-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="m6 3v10l5-5z" fill="#FFFFFF" opacity="0.7"/>
+</svg>
diff --git a/gnome-shell/assets/calendar-today.svg b/gnome-shell/assets/calendar-today.svg
new file mode 100644
index 0000000..5e77084
--- /dev/null
+++ b/gnome-shell/assets/calendar-today.svg
@@ -0,0 +1,178 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24"
+   height="24"
+   id="svg10621"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="calendar-today.svg">
+  <defs
+     id="defs10623">
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient99561-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient34508-1-3">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop34510-1-9" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop34512-4-5" />
+    </linearGradient>
+    <radialGradient
+       r="42"
+       fy="30"
+       fx="51"
+       cy="30"
+       cx="51"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       gradientUnits="userSpaceOnUse"
+       id="radialGradient10592"
+       xlink:href="#linearGradient34508-1-3"
+       inkscape:collect="always" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3770"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3001"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3007"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3067"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient3072"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient34508-1-3"
+       id="radialGradient2997"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
+       cx="51"
+       cy="30"
+       fx="51"
+       fy="30"
+       r="42" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="8"
+     inkscape:cx="-23.537329"
+     inkscape:cy="-31.442864"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="2133"
+     inkscape:window-height="1241"
+     inkscape:window-x="238"
+     inkscape:window-y="88"
+     inkscape:window-maximized="0"
+     borderlayer="true"
+     inkscape:showpageshadow="false">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3109"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata10626">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-469.08263,-537.99307)">
+    <circle
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:0.23756906;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       id="path7305"
+       cx="481.57138"
+       cy="559.4649"
+       r="1.5" />
+  </g>
+</svg>
diff --git a/gnome-shell/assets/checkbox-off.svg b/gnome-shell/assets/checkbox-off.svg
new file mode 100644
index 0000000..4033c84
--- /dev/null
+++ b/gnome-shell/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" fill="#FFFFFF" opacity="0.7"/>
+</svg>
diff --git a/gnome-shell/assets/checkbox.svg b/gnome-shell/assets/checkbox.svg
new file mode 100644
index 0000000..c552b73
--- /dev/null
+++ b/gnome-shell/assets/checkbox.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" fill="#5657f5"/>
+</svg>
diff --git a/gnome-shell/assets/close.svg b/gnome-shell/assets/close.svg
new file mode 100644
index 0000000..c9ea758
--- /dev/null
+++ b/gnome-shell/assets/close.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M 17,8.41 15.59,7 12,10.59 8.41,7 7,8.41 10.59,12 7,15.59 8.41,17 12,13.41 15.59,17 17,15.59 13.41,12 Z" fill="#FFFFFF" opacity="0.7"/>
+</svg>
diff --git a/gnome-shell/assets/dash-placeholder.svg b/gnome-shell/assets/dash-placeholder.svg
new file mode 100644
index 0000000..58925f0
--- /dev/null
+++ b/gnome-shell/assets/dash-placeholder.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <circle cx="12" cy="12" r="12" fill="#fff" opacity=".3"/>
+ <circle cx="12" cy="12" r="4" fill="#fff"/>
+</svg>
diff --git a/gnome-shell/assets/more-results.svg b/gnome-shell/assets/more-results.svg
new file mode 100644
index 0000000..52a0b22
--- /dev/null
+++ b/gnome-shell/assets/more-results.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <circle cx="8" cy="8" r="8" fill="#5657f5"/>
+ <path d="m7 4v3h-3v2h3v3h2v-3h3v-2h-3v-3h-2z" fill="#fff"/>
+</svg>
diff --git a/gnome-shell/assets/no-events.svg b/gnome-shell/assets/no-events.svg
new file mode 100644
index 0000000..65650aa
--- /dev/null
+++ b/gnome-shell/assets/no-events.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
+  <path d="M34 24H24v10h10V24zM32 2v4H16V2h-4v4h-2c-2.21 0-3.98 1.79-3.98 4L6 38c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4h-2V2h-4zm6 36H10V16h28v22z" fill="#FFFFFF" opacity="0.5"/>
+</svg>
diff --git a/gnome-shell/assets/no-notifications.svg b/gnome-shell/assets/no-notifications.svg
new file mode 100644
index 0000000..a3d22e4
--- /dev/null
+++ b/gnome-shell/assets/no-notifications.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
+  <path d="M24 44c2.21 0 4-1.79 4-4h-8c0 2.21 1.79 4 4 4zm12-12V22c0-6.15-3.27-11.28-9-12.64V8c0-1.66-1.34-3-3-3s-3 1.34-3 3v1.36c-5.73 1.36-9 6.49-9 12.64v10l-4 4v2h32v-2l-4-4zm-4 2H16V22c0-4.97 3.03-9 8-9s8 4.03 8 9v12z" fill="#FFFFFF" opacity="0.5"/>
+</svg>
diff --git a/gnome-shell/assets/process-working.svg b/gnome-shell/assets/process-working.svg
new file mode 100644
index 0000000..0f311b0
--- /dev/null
+++ b/gnome-shell/assets/process-working.svg
@@ -0,0 +1,72 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="32" viewBox="0 0 512 32">
+  <defs>
+    <g id="g" fill="#FFFFFF" opacity="0.7">
+      <circle cx="8" cy="8" r="8" fill="none"/>
+      <path d="m8 1a7 7 0 0 0 -7 7 7 7 0 0 0 7 7 7 7 0 0 0 7 -7h-3a4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4v-3z"/>
+    </g>
+  </defs>
+  <use xlink:href="#g" transform="translate(0) rotate(0 8 8)"/>
+  <use xlink:href="#g" transform="translate(16) rotate(5.625 8 8)"/>
+  <use xlink:href="#g" transform="translate(32) rotate(11.25 8 8)"/>
+  <use xlink:href="#g" transform="translate(48) rotate(16.875 8 8)"/>
+  <use xlink:href="#g" transform="translate(64) rotate(22.5 8 8)"/>
+  <use xlink:href="#g" transform="translate(80) rotate(28.125 8 8)"/>
+  <use xlink:href="#g" transform="translate(96) rotate(33.75 8 8)"/>
+  <use xlink:href="#g" transform="translate(112) rotate(39.375 8 8)"/>
+  <use xlink:href="#g" transform="translate(128) rotate(45 8 8)"/>
+  <use xlink:href="#g" transform="translate(144) rotate(50.625 8 8)"/>
+  <use xlink:href="#g" transform="translate(160) rotate(56.25 8 8)"/>
+  <use xlink:href="#g" transform="translate(176) rotate(61.875 8 8)"/>
+  <use xlink:href="#g" transform="translate(192) rotate(67.5 8 8)"/>
+  <use xlink:href="#g" transform="translate(208) rotate(73.125 8 8)"/>
+  <use xlink:href="#g" transform="translate(224) rotate(78.75 8 8)"/>
+  <use xlink:href="#g" transform="translate(240) rotate(84.375 8 8)"/>
+  <use xlink:href="#g" transform="translate(256) rotate(90 8 8)"/>
+  <use xlink:href="#g" transform="translate(272) rotate(95.625 8 8)"/>
+  <use xlink:href="#g" transform="translate(288) rotate(101.25 8 8)"/>
+  <use xlink:href="#g" transform="translate(304) rotate(106.875 8 8)"/>
+  <use xlink:href="#g" transform="translate(320) rotate(112.5 8 8)"/>
+  <use xlink:href="#g" transform="translate(336) rotate(118.125 8 8)"/>
+  <use xlink:href="#g" transform="translate(352) rotate(123.75 8 8)"/>
+  <use xlink:href="#g" transform="translate(368) rotate(129.375 8 8)"/>
+  <use xlink:href="#g" transform="translate(384) rotate(135 8 8)"/>
+  <use xlink:href="#g" transform="translate(400) rotate(140.625 8 8)"/>
+  <use xlink:href="#g" transform="translate(416) rotate(146.25 8 8)"/>
+  <use xlink:href="#g" transform="translate(432) rotate(151.875 8 8)"/>
+  <use xlink:href="#g" transform="translate(448) rotate(157.5 8 8)"/>
+  <use xlink:href="#g" transform="translate(464) rotate(163.125 8 8)"/>
+  <use xlink:href="#g" transform="translate(480) rotate(168.75 8 8)"/>
+  <use xlink:href="#g" transform="translate(496) rotate(174.375 8 8)"/>
+  <use xlink:href="#g" transform="translate(0 16) rotate(180 8 8)"/>
+  <use xlink:href="#g" transform="translate(16 16) rotate(185.625 8 8)"/>
+  <use xlink:href="#g" transform="translate(32 16) rotate(191.25 8 8)"/>
+  <use xlink:href="#g" transform="translate(48 16) rotate(196.875 8 8)"/>
+  <use xlink:href="#g" transform="translate(64 16) rotate(202.5 8 8)"/>
+  <use xlink:href="#g" transform="translate(80 16) rotate(208.125 8 8)"/>
+  <use xlink:href="#g" transform="translate(96 16) rotate(213.75 8 8)"/>
+  <use xlink:href="#g" transform="translate(112 16) rotate(219.375 8 8)"/>
+  <use xlink:href="#g" transform="translate(128 16) rotate(225 8 8)"/>
+  <use xlink:href="#g" transform="translate(144 16) rotate(230.625 8 8)"/>
+  <use xlink:href="#g" transform="translate(160 16) rotate(236.25 8 8)"/>
+  <use xlink:href="#g" transform="translate(176 16) rotate(241.875 8 8)"/>
+  <use xlink:href="#g" transform="translate(192 16) rotate(247.5 8 8)"/>
+  <use xlink:href="#g" transform="translate(208 16) rotate(253.125 8 8)"/>
+  <use xlink:href="#g" transform="translate(224 16) rotate(258.75 8 8)"/>
+  <use xlink:href="#g" transform="translate(240 16) rotate(264.375 8 8)"/>
+  <use xlink:href="#g" transform="translate(256 16) rotate(270 8 8)"/>
+  <use xlink:href="#g" transform="translate(272 16) rotate(275.625 8 8)"/>
+  <use xlink:href="#g" transform="translate(288 16) rotate(281.25 8 8)"/>
+  <use xlink:href="#g" transform="translate(304 16) rotate(286.875 8 8)"/>
+  <use xlink:href="#g" transform="translate(320 16) rotate(292.5 8 8)"/>
+  <use xlink:href="#g" transform="translate(336 16) rotate(298.125 8 8)"/>
+  <use xlink:href="#g" transform="translate(352 16) rotate(303.75 8 8)"/>
+  <use xlink:href="#g" transform="translate(368 16) rotate(309.375 8 8)"/>
+  <use xlink:href="#g" transform="translate(384 16) rotate(315 8 8)"/>
+  <use xlink:href="#g" transform="translate(400 16) rotate(320.625 8 8)"/>
+  <use xlink:href="#g" transform="translate(416 16) rotate(326.25 8 8)"/>
+  <use xlink:href="#g" transform="translate(432 16) rotate(331.875 8 8)"/>
+  <use xlink:href="#g" transform="translate(448 16) rotate(337.5 8 8)"/>
+  <use xlink:href="#g" transform="translate(464 16) rotate(343.125 8 8)"/>
+  <use xlink:href="#g" transform="translate(480 16) rotate(348.75 8 8)"/>
+  <use xlink:href="#g" transform="translate(496 16) rotate(354.375 8 8)"/>
+</svg>
diff --git a/gnome-shell/assets/toggle-off.svg b/gnome-shell/assets/toggle-off.svg
new file mode 100644
index 0000000..09cc957
--- /dev/null
+++ b/gnome-shell/assets/toggle-off.svg
@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="46"
+   height="30"
+   viewBox="0 0 46 30"
+   version="1.1"
+   id="svg1247"
+   sodipodi:docname="toggle-off.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1251">
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter2403"
+       x="-0.081120002"
+       y="-0.081120002"
+       width="1.16224"
+       height="1.16224">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.8112"
+         id="feGaussianBlur2405" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="namedview1249"
+     pagecolor="#959595"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="5.9"
+     inkscape:cx="-24.152542"
+     inkscape:cy="2.8813559"
+     inkscape:window-width="1383"
+     inkscape:window-height="456"
+     inkscape:window-x="50"
+     inkscape:window-y="82"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg1247">
+    <inkscape:grid
+       type="xygrid"
+       id="grid1274"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <g
+     id="g1919"
+     transform="translate(3,3)">
+    <rect
+       x="4"
+       y="4"
+       width="36"
+       height="16"
+       ry="8"
+       fill="#5657f5"
+       id="rect2"
+       style="opacity:0.2;fill:#ffffff;fill-opacity:1;stroke-width:0.999998"
+       rx="8" />
+    <circle
+       cx="12"
+       cy="13.096083"
+       r="12"
+       fill="#ffffff"
+       id="circle1921"
+       style="opacity:0.15;mix-blend-mode:normal;fill:#000000;fill-opacity:1;stroke-width:1.99999;filter:url(#filter2403)" />
+    <circle
+       cx="12"
+       cy="12"
+       r="12"
+       fill="#ffffff"
+       id="circle4"
+       style="fill:#44454b;fill-opacity:1;stroke-width:1.99999" />
+    <path
+       id="rect1276"
+       style="opacity:0.35;fill:#ffffff;fill-rule:evenodd;stroke-width:3.22252;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers;stop-color:#000000"
+       d="m 8.1104906,7.6093061 c -0.127806,-3.6e-6 -0.2555812,0.050503 -0.3535152,0.1484372 -0.1958686,0.1958686 -0.1958688,0.5111631 -3e-7,0.7070315 l 3.5359929,3.5359932 -3.5352247,3.535225 c -0.1958686,0.195868 -0.1958686,0.511163 0,0.707032 0.1958686,0.195868 0.5111632,0.195868 0.7070311,0 L 12,12.7078 l 3.535226,3.535225 c 0.195868,0.195869 0.511163,0.195869 0.707031,0 0.195869,-0.195868 0.195869,-0.511161 0,-0.707031 l -3.535225,-3.535226 3.535993,-3.5359935 c 0.195868,-0.1958682 0.195868,-0.5111629 0,-0.7070312 -0.195869,-0.1958688 -0.511163,-0.1958687 -0.707032,-5e-7 L 12,11.293736 8.4640069,7.757743 C 8.3660727,7.6598088 8.2382987,7.6093074 8.1104906,7.6093061 Z"
+       sodipodi:nodetypes="ssscsssccsscssscss" />
+  </g>
+</svg>
diff --git a/gnome-shell/assets/toggle-on.svg b/gnome-shell/assets/toggle-on.svg
new file mode 100644
index 0000000..a709134
--- /dev/null
+++ b/gnome-shell/assets/toggle-on.svg
@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="46"
+   height="30"
+   version="1.1"
+   viewBox="0 0 46 30"
+   id="svg6"
+   sodipodi:docname="toggle-on.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs10">
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter3052"
+       x="-0.108"
+       y="-0.108"
+       width="1.216"
+       height="1.216">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.08"
+         id="feGaussianBlur3054" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="8.0000001"
+     inkscape:cx="14.75"
+     inkscape:cy="2.5"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6">
+    <inkscape:grid
+       type="xygrid"
+       id="grid217"
+       originx="0"
+       originy="0" />
+  </sodipodi:namedview>
+  <g
+     id="g2568"
+     transform="translate(3,3)">
+    <circle
+       cx="28"
+       cy="13"
+       r="12"
+       fill="#ffffff"
+       id="circle2570"
+       style="opacity:0.25;fill:#413fc0;fill-opacity:1;stroke-width:1.99999;filter:url(#filter3052)" />
+    <rect
+       x="8.8817842e-16"
+       y="4"
+       width="36"
+       height="16"
+       ry="8"
+       fill="#5657f5"
+       id="rect2"
+       style="opacity:0.35;fill:#7c4dff;fill-opacity:1;stroke-width:0.999998"
+       rx="8" />
+    <circle
+       cx="28"
+       cy="12"
+       r="12"
+       fill="#ffffff"
+       id="circle4"
+       style="fill:#7c4dff;fill-opacity:1;stroke-width:1.99999" />
+    <path
+       id="rect1161"
+       style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke-width:2.19089;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers;stop-color:#000000"
+       d="m 33.151142,8.0558889 c -0.127813,-3.5e-6 -0.255582,0.048551 -0.353516,0.1464851 L 27,14 23.600137,10.598158 c -0.195868,-0.195868 -0.513116,-0.195868 -0.708984,0 -0.195868,0.195868 -0.195868,0.513116 -10e-7,0.708985 l 3.755359,3.753378 c 0.02448,0.02448 0.05035,0.04611 0.07815,0.06443 0.02772,0.01838 0.05781,0.03268 0.08789,0.04491 0.03008,0.01225 0.06031,0.02122 0.0918,0.02734 0.03148,0.0061 0.06375,0.0098 0.0957,0.0098 0.03195,0 0.06423,-0.0036 0.0957,-0.0098 0.03148,-0.0061 0.06171,-0.0151 0.0918,-0.02734 0.03008,-0.01223 0.06015,-0.02656 0.08789,-0.04491 0.01374,-0.0091 0.02609,-0.02071 0.03905,-0.03127 0.01312,-0.01071 0.02679,-0.02099 0.03903,-0.03323 l 6.151143,-6.151142 c 0.195873,-0.1958767 0.195873,-0.5111713 5e-6,-0.7070391 C 33.406739,8.1043364 33.278962,8.055785 33.151153,8.055785 Z"
+       sodipodi:nodetypes="csccscccccsccccssscc" />
+  </g>
+</svg>
diff --git a/gnome-shell/assets/window-close-active.svg b/gnome-shell/assets/window-close-active.svg
new file mode 100644
index 0000000..fed57f6
--- /dev/null
+++ b/gnome-shell/assets/window-close-active.svg
@@ -0,0 +1,11 @@
+<svg width="36" height="36" version="1.1" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="a" x="-.084" y="-.084" width="1.168" height="1.168" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="0.98"/>
+  </filter>
+ </defs>
+ <circle cx="18" cy="19.407" r="14" filter="url(#a)" opacity="0"/>
+ <circle cx="18" cy="18" r="14" fill="#ff8686"/>
+ <circle cx="18" cy="18" r="18" opacity="0"/>
+ <path d="M 23,14.41 21.59,13 18,16.59 14.41,13 13,14.41 16.59,18 13,21.59 14.41,23 18,19.41 21.59,23 23,21.59 19.41,18 Z" fill="#fff"/>
+</svg>
diff --git a/gnome-shell/assets/window-close-hover.svg b/gnome-shell/assets/window-close-hover.svg
new file mode 100644
index 0000000..a39676b
--- /dev/null
+++ b/gnome-shell/assets/window-close-hover.svg
@@ -0,0 +1,11 @@
+<svg width="36" height="36" version="1.1" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="a" x="-.084" y="-.084" width="1.168" height="1.168" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="0.98"/>
+  </filter>
+ </defs>
+ <circle cx="18" cy="19.407" r="14" filter="url(#a)" opacity=".25"/>
+ <circle cx="18" cy="18" r="14" fill="#ff6969"/>
+ <circle cx="18" cy="18" r="18" opacity="0"/>
+ <path d="M 23,14.41 21.59,13 18,16.59 14.41,13 13,14.41 16.59,18 13,21.59 14.41,23 18,19.41 21.59,23 23,21.59 19.41,18 Z" fill="#fff"/>
+</svg>
diff --git a/gnome-shell/assets/window-close.svg b/gnome-shell/assets/window-close.svg
new file mode 100644
index 0000000..8754773
--- /dev/null
+++ b/gnome-shell/assets/window-close.svg
@@ -0,0 +1,11 @@
+<svg width="36" height="36" version="1.1" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <filter id="a" x="-.06" y="-.06" width="1.12" height="1.12" color-interpolation-filters="sRGB">
+   <feGaussianBlur stdDeviation="0.7"/>
+  </filter>
+ </defs>
+ <circle cx="18" cy="19.407" r="14" filter="url(#a)" opacity=".15"/>
+ <circle cx="18" cy="18" r="14" fill="#ff5252"/>
+ <circle cx="18" cy="18" r="18" opacity="0"/>
+ <path d="M 23,14.41 21.59,13 18,16.59 14.41,13 13,14.41 16.59,18 13,21.59 14.41,23 18,19.41 21.59,23 23,21.59 19.41,18 Z" fill="#fff"/>
+</svg>
diff --git a/gnome-shell/gnome-shell-theme.gresource.xml b/gnome-shell/gnome-shell-theme.gresource.xml
new file mode 100644
index 0000000..2e932bf
--- /dev/null
+++ b/gnome-shell/gnome-shell-theme.gresource.xml
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<gresources>
+  <gresource prefix="/org/gnome/shell/theme">
+    <file>assets/dash/bottom-running1.svg</file>
+    <file>assets/dash/bottom-running1-focused.svg</file>
+    <file>assets/dash/bottom-running2.svg</file>
+    <file>assets/dash/bottom-running2-focused.svg</file>
+    <file>assets/dash/bottom-running3.svg</file>
+    <file>assets/dash/bottom-running3-focused.svg</file>
+    <file>assets/dash/bottom-running4.svg</file>
+    <file>assets/dash/bottom-running4-focused.svg</file>
+    <file>assets/dash/left-running1.svg</file>
+    <file>assets/dash/left-running1-focused.svg</file>
+    <file>assets/dash/left-running2.svg</file>
+    <file>assets/dash/left-running2-focused.svg</file>
+    <file>assets/dash/left-running3.svg</file>
+    <file>assets/dash/left-running3-focused.svg</file>
+    <file>assets/dash/left-running4.svg</file>
+    <file>assets/dash/left-running4-focused.svg</file>
+    <file>assets/dash/right-running1.svg</file>
+    <file>assets/dash/right-running1-focused.svg</file>
+    <file>assets/dash/right-running2.svg</file>
+    <file>assets/dash/right-running2-focused.svg</file>
+    <file>assets/dash/right-running3.svg</file>
+    <file>assets/dash/right-running3-focused.svg</file>
+    <file>assets/dash/right-running4.svg</file>
+    <file>assets/dash/right-running4-focused.svg</file>
+    <file>assets/dash/top-running1.svg</file>
+    <file>assets/dash/top-running1-focused.svg</file>
+    <file>assets/dash/top-running2.svg</file>
+    <file>assets/dash/top-running2-focused.svg</file>
+    <file>assets/dash/top-running3.svg</file>
+    <file>assets/dash/top-running3-focused.svg</file>
+    <file>assets/dash/top-running4.svg</file>
+    <file>assets/dash/top-running4-focused.svg</file>
+    <file>assets/calendar-arrow-left.svg</file>
+    <file>assets/calendar-arrow-right.svg</file>
+    <file>assets/calendar-today.svg</file>
+    <file>assets/checkbox.svg</file>
+    <file>assets/checkbox-off.svg</file>
+    <file>assets/close.svg</file>
+    <file>assets/dash-placeholder.svg</file>
+    <file>assets/more-results.svg</file>
+    <file>assets/toggle-off.svg</file>
+    <file>assets/toggle-on.svg</file>
+    <file>assets/window-close.svg</file>
+    <file>assets/window-close-active.svg</file>
+    <file>assets/activities.svg</file>
+    <file>assets/activities-active.svg</file>
+    <file>extensions/workspaces-to-dock/workspaces-to-dock.css</file>
+    <file>gnome-shell.css</file>
+    <file alias="icons/message-indicator-symbolic.svg">message-indicator-symbolic.svg</file>
+    <file>no-events.svg</file>
+    <file>no-notifications.svg</file>
+    <file>noise-texture.png</file>
+    <file>pad-osd.css</file>
+    <file>process-working.svg</file>
+  </gresource>
+</gresources>
diff --git a/gnome-shell/gnome-shell.css b/gnome-shell/gnome-shell.css
new file mode 100644
index 0000000..8a9e490
--- /dev/null
+++ b/gnome-shell/gnome-shell.css
@@ -0,0 +1,4774 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ *   Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+/* Global Values */
+stage {
+  font-size: 1em;
+  color: #ffffff;
+}
+
+/* Common Stylings */
+#dash .dash-item-container .show-apps,
+#dash .dash-item-container .overview-tile,
+#dash .dash-item-container .grid-search-result {
+  background: none;
+  box-shadow: none;
+  border: none;
+  border-radius: 0;
+  padding: 0;
+  margin: 0;
+}
+
+.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result, .app-folder, .overview-tile, .grid-search-result, #dash .dash-item-container .show-apps .overview-icon,
+#dash .dash-item-container .overview-tile .overview-icon,
+#dash .dash-item-container .grid-search-result .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
+  border-radius: 16px;
+  padding: 6px;
+  spacing: 6px;
+  text-align: center;
+  transition-duration: 100ms;
+}
+
+.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item, .login-dialog-not-listed-button, .unlock-dialog .button,
+.unlock-dialog .icon-button,
+.unlock-dialog .message .message-header .message-expand-button,
+.message .message-header .unlock-dialog .message-expand-button,
+.unlock-dialog .message .message-header .message-close-button,
+.message .message-header .unlock-dialog .message-close-button,
+.unlock-dialog .screenshot-ui-show-pointer-button, .screenshot-ui-show-pointer-button, .screenshot-ui-type-button, #LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .message .message-header .message-expand-button,
+.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
+  border-radius: 8px;
+  padding: 3px 24px;
+  font-weight: bold;
+  transition: border-width 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
+.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button, .button {
+  color: #ffffff;
+  background-color: #474747;
+}
+
+.icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .screenshot-ui-show-pointer-button:focus, .message .message-header .message-expand-button:focus,
+.message .message-header .message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button:focus {
+  color: #ffffff;
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: #484850;
+}
+
+.icon-button:focus:hover, .login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .message .message-header .message-expand-button:focus:hover,
+.message .message-header .message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button:focus:hover {
+  background-color: #515159;
+}
+
+.icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .screenshot-ui-show-pointer-button:hover, .message .message-header .message-expand-button:hover,
+.message .message-header .message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button:hover {
+  color: #ffffff;
+  background-color: #515151;
+}
+
+.icon-button:insensitive, .login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive, .screenshot-ui-show-pointer-button:insensitive, .message .message-header .message-expand-button:insensitive,
+.message .message-header .message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button:insensitive {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: #3f3f3f;
+}
+
+.icon-button:selected, .login-dialog-button.cancel-button:selected, .login-dialog-button.switch-user-button:selected, .login-dialog-button.login-dialog-session-list-button:selected, .screenshot-ui-show-pointer-button:selected, .message .message-header .message-expand-button:selected,
+.message .message-header .message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button:selected, .icon-button:active, .login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active, .screenshot-ui-show-pointer-button:active, .message .message-header .message-expand-button:active,
+.message .message-header .message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button:active {
+  color: #ffffff;
+  background-color: #5e5e5e;
+}
+
+.icon-button:selected:hover, .login-dialog-button.cancel-button:selected:hover, .login-dialog-button.switch-user-button:selected:hover, .login-dialog-button.login-dialog-session-list-button:selected:hover, .screenshot-ui-show-pointer-button:selected:hover, .message .message-header .message-expand-button:selected:hover,
+.message .message-header .message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button:selected:hover, .icon-button:active:hover, .login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover, .screenshot-ui-show-pointer-button:active:hover, .message .message-header .message-expand-button:active:hover,
+.message .message-header .message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button:active:hover {
+  background-color: #686868;
+}
+
+.icon-button:selected:focus, .login-dialog-button.cancel-button:selected:focus, .login-dialog-button.switch-user-button:selected:focus, .login-dialog-button.login-dialog-session-list-button:selected:focus, .screenshot-ui-show-pointer-button:selected:focus, .message .message-header .message-expand-button:selected:focus,
+.message .message-header .message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button:selected:focus, .icon-button:active:focus, .login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus, .screenshot-ui-show-pointer-button:active:focus, .message .message-header .message-expand-button:active:focus,
+.message .message-header .message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button:active:focus {
+  background-color: #5e5e66;
+}
+
+.icon-button:checked, .login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked, .screenshot-ui-show-pointer-button:checked, .message .message-header .message-expand-button:checked,
+.message .message-header .message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button:checked {
+  color: #ffffff;
+  background-color: #5b5b5b;
+}
+
+.icon-button:checked:hover, .login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover, .screenshot-ui-show-pointer-button:checked:hover, .message .message-header .message-expand-button:checked:hover,
+.message .message-header .message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button:checked:hover {
+  background-color: #666666;
+}
+
+.icon-button:checked:active, .login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active, .screenshot-ui-show-pointer-button:checked:active, .message .message-header .message-expand-button:checked:active,
+.message .message-header .message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button:checked:active {
+  background-color: #727272;
+}
+
+.calendar .calendar-day-heading, .calendar .calendar-day, .calendar .calendar-month-header .calendar-month-label, .icon-button.flat, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-session-list-button, .flat.screenshot-ui-show-pointer-button, .message .message-header .flat.message-expand-button,
+.message .message-header .flat.message-close-button, .calendar .calendar-month-header .pager-button, .button.flat {
+  color: #ffffff;
+  background-color: #353535;
+}
+
+.calendar .calendar-day-heading:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .calendar-month-label:focus, .icon-button.flat:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .flat.screenshot-ui-show-pointer-button:focus, .message .message-header .flat.message-expand-button:focus,
+.message .message-header .flat.message-close-button:focus, .calendar .calendar-month-header .pager-button:focus, .button.flat:focus {
+  color: #ffffff;
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: rgba(62, 62, 105, 0.2875);
+}
+
+.calendar .calendar-day-heading:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .calendar-month-label:focus:hover, .icon-button.flat:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .flat.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .flat.message-expand-button:focus:hover,
+.message .message-header .flat.message-close-button:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .button.flat:focus:hover {
+  background-color: #47474f;
+}
+
+.calendar .calendar-day-heading:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .calendar-month-label:hover, .icon-button.flat:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .flat.screenshot-ui-show-pointer-button:hover, .message .message-header .flat.message-expand-button:hover,
+.message .message-header .flat.message-close-button:hover, .calendar .calendar-month-header .pager-button:hover, .button.flat:hover {
+  color: #ffffff;
+  background-color: #474747;
+}
+
+.calendar .calendar-day-heading:insensitive, .calendar .calendar-day:insensitive, .calendar .calendar-month-header .calendar-month-label:insensitive, .icon-button.flat:insensitive, .flat.login-dialog-button.cancel-button:insensitive, .flat.login-dialog-button.switch-user-button:insensitive, .flat.login-dialog-button.login-dialog-session-list-button:insensitive, .flat.screenshot-ui-show-pointer-button:insensitive, .message .message-header .flat.message-expand-button:insensitive,
+.message .message-header .flat.message-close-button:insensitive, .calendar .calendar-month-header .pager-button:insensitive, .button.flat:insensitive {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: #353535;
+}
+
+.calendar .calendar-day-heading:selected, .calendar .calendar-day:selected, .calendar .calendar-month-header .calendar-month-label:selected, .icon-button.flat:selected, .flat.login-dialog-button.cancel-button:selected, .flat.login-dialog-button.switch-user-button:selected, .flat.login-dialog-button.login-dialog-session-list-button:selected, .flat.screenshot-ui-show-pointer-button:selected, .message .message-header .flat.message-expand-button:selected,
+.message .message-header .flat.message-close-button:selected, .calendar .calendar-month-header .pager-button:selected, .button.flat:selected, .calendar .calendar-day-heading:active, .calendar .calendar-day:active, .calendar .calendar-month-header .calendar-month-label:active, .icon-button.flat:active, .flat.login-dialog-button.cancel-button:active, .flat.login-dialog-button.switch-user-button:active, .flat.login-dialog-button.login-dialog-session-list-button:active, .flat.screenshot-ui-show-pointer-button:active, .message .message-header .flat.message-expand-button:active,
+.message .message-header .flat.message-close-button:active, .calendar .calendar-month-header .pager-button:active, .button.flat:active {
+  color: #ffffff;
+  background-color: #4c4c4c;
+}
+
+.calendar .calendar-day-heading:selected:hover, .calendar .calendar-day:selected:hover, .calendar .calendar-month-header .calendar-month-label:selected:hover, .icon-button.flat:selected:hover, .flat.login-dialog-button.cancel-button:selected:hover, .flat.login-dialog-button.switch-user-button:selected:hover, .flat.login-dialog-button.login-dialog-session-list-button:selected:hover, .flat.screenshot-ui-show-pointer-button:selected:hover, .message .message-header .flat.message-expand-button:selected:hover,
+.message .message-header .flat.message-close-button:selected:hover, .calendar .calendar-month-header .pager-button:selected:hover, .button.flat:selected:hover, .calendar .calendar-day-heading:active:hover, .calendar .calendar-day:active:hover, .calendar .calendar-month-header .calendar-month-label:active:hover, .icon-button.flat:active:hover, .flat.login-dialog-button.cancel-button:active:hover, .flat.login-dialog-button.switch-user-button:active:hover, .flat.login-dialog-button.login-dialog-session-list-button:active:hover, .flat.screenshot-ui-show-pointer-button:active:hover, .message .message-header .flat.message-expand-button:active:hover,
+.message .message-header .flat.message-close-button:active:hover, .calendar .calendar-month-header .pager-button:active:hover, .button.flat:active:hover {
+  background-color: #5e5e5e;
+}
+
+.calendar .calendar-day-heading:selected:focus, .calendar .calendar-day:selected:focus, .calendar .calendar-month-header .calendar-month-label:selected:focus, .icon-button.flat:selected:focus, .flat.login-dialog-button.cancel-button:selected:focus, .flat.login-dialog-button.switch-user-button:selected:focus, .flat.login-dialog-button.login-dialog-session-list-button:selected:focus, .flat.screenshot-ui-show-pointer-button:selected:focus, .message .message-header .flat.message-expand-button:selected:focus,
+.message .message-header .flat.message-close-button:selected:focus, .calendar .calendar-month-header .pager-button:selected:focus, .button.flat:selected:focus, .calendar .calendar-day-heading:active:focus, .calendar .calendar-day:active:focus, .calendar .calendar-month-header .calendar-month-label:active:focus, .icon-button.flat:active:focus, .flat.login-dialog-button.cancel-button:active:focus, .flat.login-dialog-button.switch-user-button:active:focus, .flat.login-dialog-button.login-dialog-session-list-button:active:focus, .flat.screenshot-ui-show-pointer-button:active:focus, .message .message-header .flat.message-expand-button:active:focus,
+.message .message-header .flat.message-close-button:active:focus, .calendar .calendar-month-header .pager-button:active:focus, .button.flat:active:focus {
+  background-color: #4c4c54;
+}
+
+.calendar .calendar-day-heading:checked, .calendar .calendar-day:checked, .calendar .calendar-month-header .calendar-month-label:checked, .icon-button.flat:checked, .flat.login-dialog-button.cancel-button:checked, .flat.login-dialog-button.switch-user-button:checked, .flat.login-dialog-button.login-dialog-session-list-button:checked, .flat.screenshot-ui-show-pointer-button:checked, .message .message-header .flat.message-expand-button:checked,
+.message .message-header .flat.message-close-button:checked, .calendar .calendar-month-header .pager-button:checked, .button.flat:checked {
+  color: #ffffff;
+  background-color: #494949;
+}
+
+.calendar .calendar-day-heading:checked:hover, .calendar .calendar-day:checked:hover, .calendar .calendar-month-header .calendar-month-label:checked:hover, .icon-button.flat:checked:hover, .flat.login-dialog-button.cancel-button:checked:hover, .flat.login-dialog-button.switch-user-button:checked:hover, .flat.login-dialog-button.login-dialog-session-list-button:checked:hover, .flat.screenshot-ui-show-pointer-button:checked:hover, .message .message-header .flat.message-expand-button:checked:hover,
+.message .message-header .flat.message-close-button:checked:hover, .calendar .calendar-month-header .pager-button:checked:hover, .button.flat:checked:hover {
+  background-color: #5b5b5b;
+}
+
+.calendar .calendar-day-heading:checked:active, .calendar .calendar-day:checked:active, .calendar .calendar-month-header .calendar-month-label:checked:active, .icon-button.flat:checked:active, .flat.login-dialog-button.cancel-button:checked:active, .flat.login-dialog-button.switch-user-button:checked:active, .flat.login-dialog-button.login-dialog-session-list-button:checked:active, .flat.screenshot-ui-show-pointer-button:checked:active, .message .message-header .flat.message-expand-button:checked:active,
+.message .message-header .flat.message-close-button:checked:active, .calendar .calendar-month-header .pager-button:checked:active, .button.flat:checked:active {
+  background-color: #606060;
+}
+
+.keyboard-brightness-level .button:checked, .quick-menu-toggle .quick-toggle-arrow:checked, .quick-toggle:checked, .calendar .calendar-day.calendar-today, .icon-button.default, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .default.screenshot-ui-show-pointer-button, .message .message-header .default.message-expand-button,
+.message .message-header .default.message-close-button, .calendar .calendar-month-header .default.pager-button, .button.default {
+  color: #ffffff;
+  background-color: #5657f5;
+}
+
+.keyboard-brightness-level .button:focus:checked, .quick-menu-toggle .quick-toggle-arrow:focus:checked, .quick-toggle:focus:checked, .calendar .calendar-day.calendar-today:focus, .icon-button.default:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .default.screenshot-ui-show-pointer-button:focus, .message .message-header .default.message-expand-button:focus,
+.message .message-header .default.message-close-button:focus, .calendar .calendar-month-header .default.pager-button:focus, .button.default:focus {
+  color: #ffffff;
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  box-shadow: inset 0 0 0 2px #9e9ff9 !important;
+  border: 2px solid #9e9ff9;
+  box-shadow: none !important;
+  background-color: #5657f5;
+}
+
+.keyboard-brightness-level .button:focus:hover:checked, .quick-menu-toggle .quick-toggle-arrow:focus:hover:checked, .quick-toggle:focus:hover:checked, .calendar .calendar-day.calendar-today:focus:hover, .icon-button.default:focus:hover, .default.login-dialog-button.cancel-button:focus:hover, .default.login-dialog-button.switch-user-button:focus:hover, .default.login-dialog-button.login-dialog-session-list-button:focus:hover, .default.screenshot-ui-show-pointer-button:focus:hover, .message .message-header .default.message-expand-button:focus:hover,
+.message .message-header .default.message-close-button:focus:hover, .calendar .calendar-month-header .default.pager-button:focus:hover, .button.default:focus:hover {
+  background-color: #6869f6;
+}
+
+.keyboard-brightness-level .button:hover:checked, .quick-menu-toggle .quick-toggle-arrow:hover:checked, .quick-toggle:hover:checked, .calendar .calendar-day.calendar-today:hover, .icon-button.default:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .default.screenshot-ui-show-pointer-button:hover, .message .message-header .default.message-expand-button:hover,
+.message .message-header .default.message-close-button:hover, .calendar .calendar-month-header .default.pager-button:hover, .button.default:hover {
+  color: #ffffff;
+  background-color: #696af6;
+}
+
+.keyboard-brightness-level .button:insensitive:checked, .quick-menu-toggle .quick-toggle-arrow:insensitive:checked, .quick-toggle:insensitive:checked, .calendar .calendar-day.calendar-today:insensitive, .icon-button.default:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .default.screenshot-ui-show-pointer-button:insensitive, .message .message-header .default.message-expand-button:insensitive,
+.message .message-header .default.message-close-button:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .button.default:insensitive {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: #4849f4;
+}
+
+.keyboard-brightness-level .button:active:checked, .quick-menu-toggle .quick-toggle-arrow:active:checked, .quick-toggle:active:checked, .calendar .calendar-day.calendar-today:active, .icon-button.default:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .default.screenshot-ui-show-pointer-button:active, .message .message-header .default.message-expand-button:active,
+.message .message-header .default.message-close-button:active, .calendar .calendar-month-header .default.pager-button:active, .button.default:active {
+  color: #ffffff;
+  background-color: #8182f8;
+}
+
+.keyboard-brightness-level .button:active:hover:checked, .quick-menu-toggle .quick-toggle-arrow:active:hover:checked, .quick-toggle:active:hover:checked, .calendar .calendar-day.calendar-today:active:hover, .icon-button.default:active:hover, .default.login-dialog-button.cancel-button:active:hover, .default.login-dialog-button.switch-user-button:active:hover, .default.login-dialog-button.login-dialog-session-list-button:active:hover, .default.screenshot-ui-show-pointer-button:active:hover, .message .message-header .default.message-expand-button:active:hover,
+.message .message-header .default.message-close-button:active:hover, .calendar .calendar-month-header .default.pager-button:active:hover, .button.default:active:hover {
+  background-color: #9595f9;
+}
+
+.keyboard-brightness-level .button:active:focus:checked, .quick-menu-toggle .quick-toggle-arrow:active:focus:checked, .quick-toggle:active:focus:checked, .calendar .calendar-day.calendar-today:active:focus, .icon-button.default:active:focus, .default.login-dialog-button.cancel-button:active:focus, .default.login-dialog-button.switch-user-button:active:focus, .default.login-dialog-button.login-dialog-session-list-button:active:focus, .default.screenshot-ui-show-pointer-button:active:focus, .message .message-header .default.message-expand-button:active:focus,
+.message .message-header .default.message-close-button:active:focus, .calendar .calendar-month-header .default.pager-button:active:focus, .button.default:active:focus {
+  background-color: #7f80f7;
+}
+
+.popup-sub-menu .popup-menu-item, .popup-menu-item:active, .popup-menu-item:hover, .popup-menu-item {
+  font-weight: normal;
+  spacing: 6px;
+  transition-duration: 100ms;
+  padding: 9px 12px;
+}
+
+.calendar, .datemenu-today-button, .lg-extension, .quick-toggle-menu, .message, .events-button,
+.world-clocks-button,
+.weather-button {
+  border-radius: 12px;
+  padding: 0.818em;
+  margin: 4px;
+  background-color: #424242;
+  box-shadow: none;
+  border: 1px solid transparent;
+}
+
+.lg-extension, .quick-toggle-menu, .message, .events-button,
+.world-clocks-button,
+.weather-button {
+  color: #ffffff;
+  background-color: #424242;
+}
+
+.lg-extension:hover, .quick-toggle-menu:hover, .message:hover, .events-button:hover,
+.world-clocks-button:hover,
+.weather-button:hover {
+  color: #ffffff;
+  background-color: #4c4c4c;
+}
+
+.lg-extension:active, .quick-toggle-menu:active, .message:active, .events-button:active,
+.world-clocks-button:active,
+.weather-button:active {
+  color: #ffffff;
+  background-color: #585858;
+}
+
+.lg-extension:active:hover, .quick-toggle-menu:active:hover, .message:active:hover, .events-button:active:hover,
+.world-clocks-button:active:hover,
+.weather-button:active:hover {
+  background-color: #636363;
+}
+
+.lg-extension:active:focus, .quick-toggle-menu:active:focus, .message:active:focus, .events-button:active:focus,
+.world-clocks-button:active:focus,
+.weather-button:active:focus {
+  background-color: #585860;
+}
+
+.lg-extension:focus, .quick-toggle-menu:focus, .message:focus, .events-button:focus,
+.world-clocks-button:focus,
+.weather-button:focus {
+  color: #ffffff;
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: #43434a;
+}
+
+.lg-extension:focus:hover, .quick-toggle-menu:focus:hover, .message:focus:hover, .events-button:focus:hover,
+.world-clocks-button:focus:hover,
+.weather-button:focus:hover {
+  background-color: #4c4c54;
+}
+
+.lg-extension:insensitive, .quick-toggle-menu:insensitive, .message:insensitive, .events-button:insensitive,
+.world-clocks-button:insensitive,
+.weather-button:insensitive {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: #3a3a3a;
+}
+
+.calendar, .datemenu-today-button {
+  border: 1px solid transparent !important;
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: none;
+}
+
+.calendar:insensitive, .datemenu-today-button:insensitive {
+  background-color: transparent !important;
+}
+
+.calendar:hover, .datemenu-today-button:hover {
+  color: #ffffff;
+  background-color: #474747;
+}
+
+.calendar:active, .datemenu-today-button:active {
+  color: #ffffff;
+  background-color: #4c4c4c;
+}
+
+.calendar:active:hover, .datemenu-today-button:active:hover {
+  background-color: #5e5e5e;
+}
+
+.calendar:active:focus, .datemenu-today-button:active:focus {
+  background-color: #4c4c54;
+}
+
+.calendar:focus, .datemenu-today-button:focus {
+  color: #ffffff;
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: #43434a;
+}
+
+.calendar:focus:hover, .datemenu-today-button:focus:hover {
+  background-color: #4c4c54;
+}
+
+.calendar:insensitive, .datemenu-today-button:insensitive {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: #3a3a3a;
+}
+
+.unlock-dialog .login-dialog-prompt-entry, .login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry, .lg-dialog StEntry, StEntry {
+  border-radius: 8px;
+  padding: 7px 7px;
+  selection-background-color: #5657f5;
+  selected-color: #ffffff;
+}
+
+StEntry {
+  box-shadow: inset 0 0 0 2px transparent !important;
+  border: 2px solid transparent;
+  box-shadow: none !important;
+  background-color: #474747;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+StEntry:hover {
+  background-color: #515151;
+  color: #ffffff;
+}
+
+StEntry:focus {
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: #484850;
+  color: #ffffff;
+}
+
+StEntry:insensitive {
+  background-color: #3f3f3f;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+StEntry StLabel.hint-text {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.modal-dialog .modal-dialog-linked-button, .notification-button {
+  padding: 12px;
+  font-weight: bold !important;
+  color: #ffffff;
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.modal-dialog .modal-dialog-linked-button:ltr, .notification-button:ltr {
+  margin-right: 0;
+}
+
+.modal-dialog .modal-dialog-linked-button:rtl, .notification-button:rtl {
+  margin-left: 0;
+}
+
+.modal-dialog .modal-dialog-linked-button:focus, .notification-button:focus {
+  color: #ffffff;
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: rgba(171, 171, 250, 0.145);
+}
+
+.modal-dialog .modal-dialog-linked-button:focus:hover, .notification-button:focus:hover {
+  background-color: rgba(182, 183, 251, 0.1735);
+}
+
+.modal-dialog .modal-dialog-linked-button:hover, .notification-button:hover {
+  color: #ffffff;
+  background-color: rgba(255, 255, 255, 0.13);
+}
+
+.modal-dialog .modal-dialog-linked-button:active, .notification-button:active {
+  color: #ffffff;
+  background-color: rgba(255, 255, 255, 0.16);
+}
+
+.modal-dialog .modal-dialog-linked-button:active:hover, .notification-button:active:hover {
+  background-color: rgba(255, 255, 255, 0.19);
+}
+
+.modal-dialog .modal-dialog-linked-button:active:focus, .notification-button:active:focus {
+  background-color: rgba(191, 192, 251, 0.202);
+}
+
+.modal-dialog .modal-dialog-linked-button:checked, .notification-button:checked {
+  color: #ffffff;
+  background-color: #5b5b5b;
+}
+
+.modal-dialog .modal-dialog-linked-button:checked:hover, .notification-button:checked:hover {
+  background-color: #666666;
+}
+
+.modal-dialog .modal-dialog-linked-button:checked:active, .notification-button:checked:active {
+  background-color: #727272;
+}
+
+.modal-dialog .modal-dialog-linked-button:insensitive, .notification-button:insensitive {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: #3f3f3f;
+}
+
+.modal-dialog .modal-dialog-linked-button:first-child:ltr, .notification-button:first-child:ltr {
+  border-radius: 0 0 0 16px;
+}
+
+.modal-dialog .modal-dialog-linked-button:last-child:ltr, .notification-button:last-child:ltr {
+  border-radius: 0 0 16px;
+  margin-right: 0 !important;
+}
+
+.modal-dialog .modal-dialog-linked-button:first-child:rtl, .notification-button:first-child:rtl {
+  border-radius: 0 0 16px;
+}
+
+.modal-dialog .modal-dialog-linked-button:last-child:rtl, .notification-button:last-child:rtl {
+  border-radius: 0 0 0 16px;
+  margin-left: 0 !important;
+}
+
+.modal-dialog .modal-dialog-linked-button:first-child:last-child, .notification-button:first-child:last-child {
+  border-radius: 0 0 16px 16px;
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+}
+
+.dash-label, .window-caption, .screenshot-ui-tooltip {
+  background-color: rgba(0, 0, 0, 0.9);
+  border: none;
+  color: #ffffff;
+  border-radius: 999px;
+  padding: 6px 12px;
+  text-align: center;
+}
+
+/* General Typography */
+.login-dialog .user-widget.vertical .user-widget-label,
+.unlock-dialog .user-widget.vertical .user-widget-label, .unlock-dialog-clock .unlock-dialog-clock-date, .app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext {
+  font-weight: 800;
+  font-size: 1.818em;
+}
+
+.conflicting-session-dialog-content .conflicting-session-dialog-title, .lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label {
+  font-weight: 800;
+  font-size: 1.364em;
+}
+
+.login-dialog .user-widget.horizontal .user-widget-label,
+.unlock-dialog .user-widget.horizontal .user-widget-label, .quick-toggle-menu .header .title {
+  font-weight: 700;
+  font-size: 1.364em;
+}
+
+.login-dialog-auth-list-label, .word-suggestions, .bt-menu-placeholder.popup-menu-item, .message-dialog-content .message-dialog-title.lightweight, .headline {
+  font-weight: 700;
+  font-size: 1.182em;
+}
+
+.login-dialog-not-listed-label, .lg-extension-name, .background-app-item .title, .osd-window, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-box .weather-header-box .weather-header, .world-clocks-button .world-clocks-header, .events-button .events-box .events-list .event-box .event-summary, .events-button .events-box .events-title, .calendar .calendar-month-header .calendar-month-label {
+  font-weight: 700;
+  font-size: 1em;
+}
+
+.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel {
+  font-weight: 700;
+  font-size: 0.818em;
+}
+
+.lg-completions-text, .caps-lock-warning-label, .background-app-item .subtitle, .quick-toggle StBoxLayout > .quick-toggle-subtitle, .screenshot-ui-type-button .icon-label-button-container, .prompt-dialog-error-label,
+.prompt-dialog-info-label,
+.prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .message .message-header .message-header-content .event-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .events-button .events-box .events-list .event-box .event-time {
+  font-weight: 400;
+  font-size: 0.818em;
+}
+
+.calendar .calendar-week-number, .calendar .calendar-day-heading, .calendar .calendar-day {
+  font-weight: 400;
+  font-size: 0.727em;
+}
+
+.unlock-dialog-clock .unlock-dialog-clock-time, #panel, .weather-button .weather-box .weather-grid .weather-forecast-temp, .weather-button .weather-box .weather-grid .weather-forecast-time, .world-clocks-button .world-clocks-grid .world-clocks-timezone, .world-clocks-button .world-clocks-grid .world-clocks-time, .events-button .events-box .events-list .event-box .event-time, .calendar .calendar-day-heading, .calendar .calendar-day {
+  font-feature-settings: "tnum";
+}
+
+/* OSD Elements */
+#LookingGlassDialog, .screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-window {
+  color: #ffffff;
+  background-color: #353535;
+  border: none;
+  border-radius: 999px;
+  padding: 12px;
+}
+
+.lg-dialog StEntry {
+  box-shadow: inset 0 0 0 2px transparent !important;
+  border: 2px solid transparent;
+  box-shadow: none !important;
+  background-color: #474747;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.lg-dialog StEntry:hover {
+  background-color: #515151;
+  color: #ffffff;
+}
+
+.lg-dialog StEntry:focus {
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: #484850;
+  color: #ffffff;
+}
+
+.lg-dialog StEntry:insensitive {
+  background-color: #3f3f3f;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.lg-dialog StEntry StLabel.hint-text {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+#LookingGlassDialog .notebook-tab, #LookingGlassDialog > #Toolbar .lg-toolbar-button {
+  color: #ffffff;
+  background-color: #474747;
+}
+
+#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus {
+  color: #ffffff;
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: #484850;
+}
+
+#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover {
+  background-color: #515159;
+}
+
+#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover {
+  color: #ffffff;
+  background-color: #515151;
+}
+
+#LookingGlassDialog .notebook-tab:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active {
+  color: #ffffff;
+  background-color: #5e5e5e;
+}
+
+#LookingGlassDialog .notebook-tab:active:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:hover {
+  background-color: #686868;
+}
+
+#LookingGlassDialog .notebook-tab:active:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active:focus {
+  background-color: #5e5e66;
+}
+
+#LookingGlassDialog .notebook-tab:checked, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked {
+  color: #ffffff;
+  background-color: #5b5b5b;
+}
+
+#LookingGlassDialog .notebook-tab:checked:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover {
+  background-color: #666666;
+}
+
+#LookingGlassDialog .notebook-tab:checked:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active {
+  background-color: #727272;
+}
+
+#LookingGlassDialog .notebook-tab:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: #3f3f3f;
+}
+
+.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
+  color: #ffffff;
+  background-color: #353535;
+}
+
+.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
+  color: #ffffff;
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: rgba(62, 62, 105, 0.2875);
+}
+
+.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
+  background-color: #47474f;
+}
+
+.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
+  color: #ffffff;
+  background-color: #474747;
+}
+
+.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
+  color: #ffffff;
+  background-color: #4c4c4c;
+}
+
+.screenshot-ui-show-pointer-button:active:hover, .screenshot-ui-type-button:active:hover {
+  background-color: #5e5e5e;
+}
+
+.screenshot-ui-show-pointer-button:active:focus, .screenshot-ui-type-button:active:focus {
+  background-color: #4c4c54;
+}
+
+.screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
+  color: #ffffff;
+  background-color: #494949;
+}
+
+.screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
+  background-color: #5b5b5b;
+}
+
+.screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
+  background-color: #606060;
+}
+
+.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: #353535;
+}
+
+/* System Elements */
+.login-dialog .login-dialog-prompt-entry, .app-folder-dialog .folder-name-container .folder-name-entry, .search-entry {
+  box-shadow: inset 0 0 0 2px transparent !important;
+  border: 2px solid transparent;
+  box-shadow: none !important;
+  background-color: #464646;
+  color: rgba(245, 245, 245, 0.7);
+}
+
+.login-dialog .login-dialog-prompt-entry:hover, .app-folder-dialog .folder-name-container .folder-name-entry:hover, .search-entry:hover {
+  background-color: #505050;
+  color: whitesmoke;
+}
+
+.login-dialog .login-dialog-prompt-entry:focus, .app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus {
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: #47474f;
+  color: whitesmoke;
+}
+
+.login-dialog .login-dialog-prompt-entry:insensitive, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive {
+  background-color: #3e3e3e;
+  color: rgba(245, 245, 245, 0.5);
+}
+
+.login-dialog .login-dialog-prompt-entry StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text {
+  color: rgba(245, 245, 245, 0.7);
+}
+
+.login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button {
+  color: whitesmoke;
+  background-color: #464646;
+}
+
+.login-dialog-button.cancel-button:insensitive, .login-dialog-button.switch-user-button:insensitive, .login-dialog-button.login-dialog-session-list-button:insensitive {
+  color: rgba(245, 245, 245, 0.5);
+  background-color: #3e3e3e;
+}
+
+.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus {
+  color: whitesmoke;
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: #47474f;
+}
+
+.login-dialog-button.cancel-button:focus:hover, .login-dialog-button.switch-user-button:focus:hover, .login-dialog-button.login-dialog-session-list-button:focus:hover {
+  background-color: #505158;
+}
+
+.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover {
+  color: whitesmoke;
+  background-color: #505050;
+}
+
+.login-dialog-button.cancel-button:active, .login-dialog-button.switch-user-button:active, .login-dialog-button.login-dialog-session-list-button:active {
+  color: whitesmoke;
+  background-color: #5d5d5d;
+}
+
+.login-dialog-button.cancel-button:active:hover, .login-dialog-button.switch-user-button:active:hover, .login-dialog-button.login-dialog-session-list-button:active:hover {
+  background-color: #676767;
+}
+
+.login-dialog-button.cancel-button:active:focus, .login-dialog-button.switch-user-button:active:focus, .login-dialog-button.login-dialog-session-list-button:active:focus {
+  background-color: #5d5d65;
+}
+
+.login-dialog-button.cancel-button:checked, .login-dialog-button.switch-user-button:checked, .login-dialog-button.login-dialog-session-list-button:checked {
+  color: whitesmoke;
+  background-color: #5a5a5a;
+}
+
+.login-dialog-button.cancel-button:checked:hover, .login-dialog-button.switch-user-button:checked:hover, .login-dialog-button.login-dialog-session-list-button:checked:hover {
+  background-color: #656565;
+}
+
+.login-dialog-button.cancel-button:checked:active, .login-dialog-button.switch-user-button:checked:active, .login-dialog-button.login-dialog-session-list-button:checked:active {
+  background-color: #717171;
+}
+
+/* Lockscreen Elements */
+.unlock-dialog .button,
+.unlock-dialog .icon-button,
+.unlock-dialog .calendar .calendar-month-header .pager-button,
+.calendar .calendar-month-header .unlock-dialog .pager-button,
+.unlock-dialog .message .message-header .message-expand-button,
+.message .message-header .unlock-dialog .message-expand-button,
+.unlock-dialog .message .message-header .message-close-button,
+.message .message-header .unlock-dialog .message-close-button,
+.unlock-dialog .screenshot-ui-show-pointer-button,
+.unlock-dialog .login-dialog-button.cancel-button,
+.unlock-dialog .login-dialog-button.switch-user-button,
+.unlock-dialog .login-dialog-button.login-dialog-session-list-button {
+  color: whitesmoke;
+  background-color: rgba(245, 245, 245, 0.1);
+}
+
+.unlock-dialog .button:focus,
+.unlock-dialog .icon-button:focus,
+.unlock-dialog .calendar .calendar-month-header .pager-button:focus,
+.calendar .calendar-month-header .unlock-dialog .pager-button:focus,
+.unlock-dialog .message .message-header .message-expand-button:focus,
+.message .message-header .unlock-dialog .message-expand-button:focus,
+.unlock-dialog .message .message-header .message-close-button:focus,
+.message .message-header .unlock-dialog .message-close-button:focus,
+.unlock-dialog .screenshot-ui-show-pointer-button:focus,
+.unlock-dialog .login-dialog-button.cancel-button:focus,
+.unlock-dialog .login-dialog-button.switch-user-button:focus,
+.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus {
+  color: whitesmoke;
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: rgba(166, 166, 245, 0.145);
+}
+
+.unlock-dialog .button:focus:hover,
+.unlock-dialog .icon-button:focus:hover,
+.unlock-dialog .calendar .calendar-month-header .pager-button:focus:hover,
+.calendar .calendar-month-header .unlock-dialog .pager-button:focus:hover,
+.unlock-dialog .message .message-header .message-expand-button:focus:hover,
+.message .message-header .unlock-dialog .message-expand-button:focus:hover,
+.unlock-dialog .message .message-header .message-close-button:focus:hover,
+.message .message-header .unlock-dialog .message-close-button:focus:hover,
+.unlock-dialog .screenshot-ui-show-pointer-button:focus:hover,
+.unlock-dialog .login-dialog-button.cancel-button:focus:hover,
+.unlock-dialog .login-dialog-button.switch-user-button:focus:hover,
+.unlock-dialog .login-dialog-button.login-dialog-session-list-button:focus:hover {
+  background-color: rgba(176, 177, 245, 0.1735);
+}
+
+.unlock-dialog .button:hover,
+.unlock-dialog .icon-button:hover,
+.unlock-dialog .calendar .calendar-month-header .pager-button:hover,
+.calendar .calendar-month-header .unlock-dialog .pager-button:hover,
+.unlock-dialog .message .message-header .message-expand-button:hover,
+.message .message-header .unlock-dialog .message-expand-button:hover,
+.unlock-dialog .message .message-header .message-close-button:hover,
+.message .message-header .unlock-dialog .message-close-button:hover,
+.unlock-dialog .screenshot-ui-show-pointer-button:hover,
+.unlock-dialog .login-dialog-button.cancel-button:hover,
+.unlock-dialog .login-dialog-button.switch-user-button:hover,
+.unlock-dialog .login-dialog-button.login-dialog-session-list-button:hover {
+  color: whitesmoke;
+  background-color: rgba(245, 245, 245, 0.13);
+}
+
+.unlock-dialog .button:active,
+.unlock-dialog .icon-button:active,
+.unlock-dialog .calendar .calendar-month-header .pager-button:active,
+.calendar .calendar-month-header .unlock-dialog .pager-button:active,
+.unlock-dialog .message .message-header .message-expand-button:active,
+.message .message-header .unlock-dialog .message-expand-button:active,
+.unlock-dialog .message .message-header .message-close-button:active,
+.message .message-header .unlock-dialog .message-close-button:active,
+.unlock-dialog .screenshot-ui-show-pointer-button:active,
+.unlock-dialog .login-dialog-button.cancel-button:active,
+.unlock-dialog .login-dialog-button.switch-user-button:active,
+.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active {
+  color: whitesmoke;
+  background-color: rgba(245, 245, 245, 0.16);
+}
+
+.unlock-dialog .button:active:hover,
+.unlock-dialog .icon-button:active:hover,
+.unlock-dialog .calendar .calendar-month-header .pager-button:active:hover,
+.calendar .calendar-month-header .unlock-dialog .pager-button:active:hover,
+.unlock-dialog .message .message-header .message-expand-button:active:hover,
+.message .message-header .unlock-dialog .message-expand-button:active:hover,
+.unlock-dialog .message .message-header .message-close-button:active:hover,
+.message .message-header .unlock-dialog .message-close-button:active:hover,
+.unlock-dialog .screenshot-ui-show-pointer-button:active:hover,
+.unlock-dialog .login-dialog-button.cancel-button:active:hover,
+.unlock-dialog .login-dialog-button.switch-user-button:active:hover,
+.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:hover {
+  background-color: rgba(245, 245, 245, 0.19);
+}
+
+.unlock-dialog .button:active:focus,
+.unlock-dialog .icon-button:active:focus,
+.unlock-dialog .calendar .calendar-month-header .pager-button:active:focus,
+.calendar .calendar-month-header .unlock-dialog .pager-button:active:focus,
+.unlock-dialog .message .message-header .message-expand-button:active:focus,
+.message .message-header .unlock-dialog .message-expand-button:active:focus,
+.unlock-dialog .message .message-header .message-close-button:active:focus,
+.message .message-header .unlock-dialog .message-close-button:active:focus,
+.unlock-dialog .screenshot-ui-show-pointer-button:active:focus,
+.unlock-dialog .login-dialog-button.cancel-button:active:focus,
+.unlock-dialog .login-dialog-button.switch-user-button:active:focus,
+.unlock-dialog .login-dialog-button.login-dialog-session-list-button:active:focus {
+  background-color: rgba(185, 185, 245, 0.202);
+}
+
+.unlock-dialog .button:checked,
+.unlock-dialog .icon-button:checked,
+.unlock-dialog .calendar .calendar-month-header .pager-button:checked,
+.calendar .calendar-month-header .unlock-dialog .pager-button:checked,
+.unlock-dialog .message .message-header .message-expand-button:checked,
+.message .message-header .unlock-dialog .message-expand-button:checked,
+.unlock-dialog .message .message-header .message-close-button:checked,
+.message .message-header .unlock-dialog .message-close-button:checked,
+.unlock-dialog .screenshot-ui-show-pointer-button:checked,
+.unlock-dialog .login-dialog-button.cancel-button:checked,
+.unlock-dialog .login-dialog-button.switch-user-button:checked,
+.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked {
+  color: whitesmoke;
+  background-color: #5a5a5a;
+}
+
+.unlock-dialog .button:checked:hover,
+.unlock-dialog .icon-button:checked:hover,
+.unlock-dialog .calendar .calendar-month-header .pager-button:checked:hover,
+.calendar .calendar-month-header .unlock-dialog .pager-button:checked:hover,
+.unlock-dialog .message .message-header .message-expand-button:checked:hover,
+.message .message-header .unlock-dialog .message-expand-button:checked:hover,
+.unlock-dialog .message .message-header .message-close-button:checked:hover,
+.message .message-header .unlock-dialog .message-close-button:checked:hover,
+.unlock-dialog .screenshot-ui-show-pointer-button:checked:hover,
+.unlock-dialog .login-dialog-button.cancel-button:checked:hover,
+.unlock-dialog .login-dialog-button.switch-user-button:checked:hover,
+.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:hover {
+  background-color: #656565;
+}
+
+.unlock-dialog .button:checked:active,
+.unlock-dialog .icon-button:checked:active,
+.unlock-dialog .calendar .calendar-month-header .pager-button:checked:active,
+.calendar .calendar-month-header .unlock-dialog .pager-button:checked:active,
+.unlock-dialog .message .message-header .message-expand-button:checked:active,
+.message .message-header .unlock-dialog .message-expand-button:checked:active,
+.unlock-dialog .message .message-header .message-close-button:checked:active,
+.message .message-header .unlock-dialog .message-close-button:checked:active,
+.unlock-dialog .screenshot-ui-show-pointer-button:checked:active,
+.unlock-dialog .login-dialog-button.cancel-button:checked:active,
+.unlock-dialog .login-dialog-button.switch-user-button:checked:active,
+.unlock-dialog .login-dialog-button.login-dialog-session-list-button:checked:active {
+  background-color: #717171;
+}
+
+.unlock-dialog .button:insensitive,
+.unlock-dialog .icon-button:insensitive,
+.unlock-dialog .calendar .calendar-month-header .pager-button:insensitive,
+.calendar .calendar-month-header .unlock-dialog .pager-button:insensitive,
+.unlock-dialog .message .message-header .message-expand-button:insensitive,
+.message .message-header .unlock-dialog .message-expand-button:insensitive,
+.unlock-dialog .message .message-header .message-close-button:insensitive,
+.message .message-header .unlock-dialog .message-close-button:insensitive,
+.unlock-dialog .screenshot-ui-show-pointer-button:insensitive,
+.unlock-dialog .login-dialog-button.cancel-button:insensitive,
+.unlock-dialog .login-dialog-button.switch-user-button:insensitive,
+.unlock-dialog .login-dialog-button.login-dialog-session-list-button:insensitive {
+  color: rgba(245, 245, 245, 0.5);
+  background-color: #3e3e3e;
+}
+
+.unlock-dialog .login-dialog-prompt-entry {
+  box-shadow: inset 0 0 0 2px transparent !important;
+  border: 2px solid transparent;
+  box-shadow: none !important;
+  background-color: rgba(245, 245, 245, 0.1);
+  color: rgba(245, 245, 245, 0.7);
+}
+
+.unlock-dialog .login-dialog-prompt-entry:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+  color: whitesmoke;
+}
+
+.unlock-dialog .login-dialog-prompt-entry:focus {
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: rgba(166, 166, 245, 0.145);
+  color: whitesmoke;
+  box-shadow: inset 0 0 0 2px rgba(245, 245, 245, 0.4) !important;
+  border: 2px solid rgba(245, 245, 245, 0.4);
+  box-shadow: none !important;
+  background-color: rgba(245, 245, 245, 0.115);
+}
+
+.unlock-dialog .login-dialog-prompt-entry:insensitive {
+  background-color: rgba(237, 237, 237, 0.1);
+  color: rgba(245, 245, 245, 0.5);
+}
+
+.unlock-dialog .login-dialog-prompt-entry StLabel.hint-text {
+  color: rgba(245, 245, 245, 0.7);
+}
+
+/* WIDGETS */
+.shell-link {
+  color: #64B5F6;
+}
+
+.shell-link:hover {
+  color: #94ccf9;
+}
+
+.lowres-icon {
+  icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+}
+
+.icon-dropshadow {
+  icon-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
+}
+
+/* Entries */
+StEntry StIcon.capslock-warning {
+  icon-size: 1.091em;
+  warning-color: #f6d32d;
+  padding: 0 4px;
+}
+
+StEntry StIcon.peek-password {
+  icon-size: 1.091em;
+  padding: 0 4px;
+}
+
+StEntry StLabel.hint-text {
+  margin-left: 2px;
+}
+
+/* Buttons */
+.button {
+  min-height: 1.5em;
+}
+
+.icon-button, .login-dialog-button.cancel-button, .login-dialog-button.switch-user-button, .login-dialog-button.login-dialog-session-list-button, .screenshot-ui-show-pointer-button, .message .message-header .message-expand-button,
+.message .message-header .message-close-button, .calendar .calendar-month-header .pager-button {
+  border-radius: 999px;
+  padding: 0.818em;
+  min-height: 1.091em;
+}
+
+.icon-button StIcon, .login-dialog-button.cancel-button StIcon, .login-dialog-button.switch-user-button StIcon, .login-dialog-button.login-dialog-session-list-button StIcon, .screenshot-ui-show-pointer-button StIcon, .message .message-header .message-expand-button StIcon,
+.message .message-header .message-close-button StIcon, .calendar .calendar-month-header .pager-button StIcon {
+  icon-size: 1.091em;
+  -st-icon-style: symbolic;
+}
+
+/* Check Boxes */
+.check-box StBoxLayout {
+  spacing: .8em;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+  background-image: url("resource:///org/gnome/shell/theme/checkbox-off.svg");
+}
+
+.check-box:focus StBin {
+  background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg");
+}
+
+.check-box:checked StBin {
+  background-image: url("resource:///org/gnome/shell/theme/checkbox.svg");
+}
+
+.check-box:focus:checked StBin {
+  background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg");
+}
+
+/* Switches */
+.toggle-switch {
+  color: #ffffff;
+  height: 26px;
+  width: 46px;
+  background-size: contain;
+  background-image: url("resource:///org/gnome/shell/theme/toggle-off.svg");
+}
+
+.toggle-switch:checked {
+  background-image: url("resource:///org/gnome/shell/theme/toggle-on.svg");
+}
+
+.toggle-switch StIcon {
+  icon-size: 16px;
+}
+
+/* Slider */
+.slider {
+  -barlevel-height: 4px;
+  -barlevel-background-color: rgba(255, 255, 255, 0.2);
+  -barlevel-border-width: 2px;
+  -barlevel-border-color: transparent;
+  -barlevel-active-background-color: #5657f5;
+  -barlevel-active-border-color: transparent;
+  -barlevel-overdrive-color: #c01c28;
+  -barlevel-overdrive-border-color: transparent;
+  -barlevel-overdrive-separator-width: 1px;
+  -slider-handle-radius: 0.5455em;
+  -slider-handle-border-width: 0;
+  -slider-handle-border-color: transparent;
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+  -st-vfade-offset: 68px;
+}
+
+StScrollView.hfade {
+  -st-hfade-offset: 68px;
+}
+
+StScrollBar {
+  padding: 0;
+}
+
+StScrollView StScrollBar {
+  min-width: 8px;
+  min-height: 8px;
+}
+
+StScrollBar StBin#trough {
+  border-radius: 0;
+  background-color: transparent;
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+  border-radius: 8px;
+  background-color: #717171;
+  border: 3px solid transparent;
+  transition: 500ms all ease;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+  background-color: #9a9a9a;
+}
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+  background-color: #868686;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer, .candidate-popup-boxpointer {
+  -arrow-rise: 6px;
+}
+
+.popup-menu {
+  min-width: 15em;
+  color: #ffffff;
+}
+
+.popup-menu.panel-menu {
+  margin-bottom: 1.75em;
+}
+
+.popup-menu-content, .candidate-popup-content {
+  padding: 6px;
+  background-color: #353535;
+  border-radius: 18px;
+  border: none;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
+}
+
+.popup-menu-item {
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: none;
+  border-radius: 12px;
+}
+
+.popup-menu-item:insensitive {
+  background-color: transparent !important;
+}
+
+.popup-menu-item:focus, .popup-menu-item:hover {
+  color: #ffffff;
+  background-color: #5d5d5d;
+}
+
+.popup-menu-item:active {
+  color: #ffffff;
+  background-color: #6a6a6a;
+}
+
+.popup-menu-item:active:hover {
+  background-color: #747474;
+}
+
+.popup-menu-item:active:focus {
+  background-color: #696971;
+}
+
+.popup-menu-item:checked {
+  color: #ffffff;
+  background-color: #676767;
+}
+
+.popup-menu-item:checked:hover {
+  background-color: #727272;
+}
+
+.popup-menu-item:checked:active {
+  background-color: #7e7e7e;
+}
+
+.popup-menu-item:insensitive {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: #4b4b4b;
+}
+
+.popup-menu-item:hover {
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: none;
+}
+
+.popup-menu-item:hover:insensitive {
+  background-color: transparent !important;
+}
+
+.popup-menu-item:hover:focus, .popup-menu-item:hover:hover {
+  color: #ffffff;
+  background-color: #747474;
+}
+
+.popup-menu-item:hover:active {
+  color: #ffffff;
+  background-color: #818181;
+}
+
+.popup-menu-item:hover:active:hover {
+  background-color: #8b8b8b;
+}
+
+.popup-menu-item:hover:active:focus {
+  background-color: #7f7f87;
+}
+
+.popup-menu-item:hover:checked {
+  color: #ffffff;
+  background-color: #7e7e7e;
+}
+
+.popup-menu-item:hover:checked:hover {
+  background-color: #898989;
+}
+
+.popup-menu-item:hover:checked:active {
+  background-color: #959595;
+}
+
+.popup-menu-item:hover:insensitive {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: #626262;
+}
+
+.popup-menu-item:active {
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: none;
+}
+
+.popup-menu-item:active:insensitive {
+  background-color: transparent !important;
+}
+
+.popup-menu-item:active:focus, .popup-menu-item:active:hover {
+  color: #ffffff;
+  background-color: #787878;
+}
+
+.popup-menu-item:active:active {
+  color: #ffffff;
+  background-color: #858585;
+}
+
+.popup-menu-item:active:active:hover {
+  background-color: #8f8f8f;
+}
+
+.popup-menu-item:active:active:focus {
+  background-color: #83838b;
+}
+
+.popup-menu-item:active:checked {
+  color: #ffffff;
+  background-color: #828282;
+}
+
+.popup-menu-item:active:checked:hover {
+  background-color: #8d8d8d;
+}
+
+.popup-menu-item:active:checked:active {
+  background-color: #999999;
+}
+
+.popup-menu-item:active:insensitive {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: #666666;
+}
+
+.popup-menu-item:checked {
+  border-radius: 12px 12px 0 0 !important;
+}
+
+.popup-menu-item:insensitive {
+  color: #9a9a9a;
+}
+
+.popup-menu-item .toggle-switch:ltr {
+  margin-left: 4px;
+}
+
+.popup-menu-item .toggle-switch:rtl {
+  margin-right: 4px;
+}
+
+.popup-ornamented-menu-item:ltr {
+  padding-left: 6px;
+}
+
+.popup-ornamented-menu-item:rtl {
+  padding-right: 6px;
+}
+
+.popup-inactive-menu-item {
+  color: #ffffff;
+}
+
+.popup-inactive-menu-item:insensitive {
+  color: #9a9a9a;
+}
+
+.popup-menu-arrow,
+.popup-menu-icon {
+  icon-size: 1.091em;
+}
+
+.popup-sub-menu {
+  border-radius: 0 0 12px 12px;
+  margin-bottom: 6px;
+  border: none;
+  background-color: #454545;
+}
+
+.popup-sub-menu .popup-menu-item {
+  border-radius: 0;
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: none;
+  border-top-width: 0;
+}
+
+.popup-sub-menu .popup-menu-item:insensitive {
+  background-color: transparent !important;
+}
+
+.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
+  color: #ffffff;
+  background-color: #6b6b6b;
+}
+
+.popup-sub-menu .popup-menu-item:active {
+  color: #ffffff;
+  background-color: #787878;
+}
+
+.popup-sub-menu .popup-menu-item:active:hover {
+  background-color: #828282;
+}
+
+.popup-sub-menu .popup-menu-item:active:focus {
+  background-color: #76767e;
+}
+
+.popup-sub-menu .popup-menu-item:checked {
+  color: #ffffff;
+  background-color: #757575;
+}
+
+.popup-sub-menu .popup-menu-item:checked:hover {
+  background-color: gray;
+}
+
+.popup-sub-menu .popup-menu-item:checked:active {
+  background-color: #8c8c8c;
+}
+
+.popup-sub-menu .popup-menu-item:insensitive {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: #595959;
+}
+
+.popup-sub-menu .popup-menu-item:last-child {
+  border-radius: 0 0 12px 12px;
+  border-bottom-width: 0;
+}
+
+.popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus {
+  border-radius: 0;
+}
+
+.popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child {
+  border-radius: 0 0 12px 12px;
+}
+
+.popup-menu-ornament {
+  icon-size: 1.091em !important;
+  width: 1.091em;
+}
+
+.popup-separator-menu-item {
+  border: none !important;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+  height: 1px;
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.popup-sub-menu .popup-separator-menu-item {
+  background-color: transparent;
+}
+
+.popup-sub-menu .popup-separator-menu-item:ltr {
+  margin-right: 2.5em;
+}
+
+.popup-sub-menu .popup-separator-menu-item:rtl {
+  margin-left: 2.5em;
+}
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.background-menu {
+  -boxpointer-gap: 0px;
+  -arrow-rise: 0px;
+}
+
+.app-menu {
+  max-width: 27.25em;
+}
+
+.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
+  margin-right: 8px;
+}
+
+.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
+  margin-left: 8px;
+}
+
+/* Date/Time Menu */
+#calendarArea {
+  padding: 4px;
+}
+
+.datemenu-popover {
+  border-radius: 30px;
+}
+
+.datemenu-calendar-column {
+  spacing: 6px;
+}
+
+.datemenu-calendar-column:ltr {
+  margin-left: 6px;
+}
+
+.datemenu-calendar-column:rtl {
+  margin-right: 6px;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+  spacing: 6px;
+}
+
+.datemenu-today-button {
+  padding: 9px;
+}
+
+.datemenu-today-button .day-label {
+  font-weight: bold;
+}
+
+.calendar {
+  margin-top: 0;
+  padding: 0;
+}
+
+.calendar .calendar-month-header .calendar-change-month-back StIcon,
+.calendar .calendar-month-header .calendar-change-month-forward StIcon {
+  icon-size: 1.091em;
+}
+
+.calendar .calendar-month-header .calendar-month-label {
+  color: #ffffff !important;
+  padding: 8px 0;
+  width: 10em;
+  border-radius: 999px;
+  text-align: center;
+}
+
+.calendar .calendar-month-header .pager-button {
+  height: 2.6em;
+  width: 2.6em;
+  padding: 0;
+  border: none !important;
+}
+
+.calendar .calendar-day {
+  border-radius: 999px;
+  height: 3em;
+  width: 3em;
+  margin: 2px;
+  padding: 0;
+  border: none !important;
+  font-weight: bold;
+  text-align: center;
+}
+
+.calendar .calendar-day.calendar-weekend {
+  color: #9a9a9a;
+}
+
+.calendar .calendar-day.calendar-other-month {
+  color: rgba(255, 255, 255, 0.5);
+  font-weight: normal;
+}
+
+.calendar .calendar-day.calendar-other-month.calendar-weekend {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.calendar .calendar-day.calendar-today {
+  border: none !important;
+  color: #ffffff !important;
+}
+
+.calendar .calendar-day.calendar-today.calendar-day-with-events {
+  background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg") !important;
+}
+
+.calendar .calendar-day.calendar-day-with-events {
+  background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
+  background-size: contain;
+}
+
+.calendar .calendar-day-heading {
+  font-weight: bold;
+  text-align: center;
+  margin: 4px;
+  padding: 3px 6px;
+  border-radius: 8px;
+  border: none !important;
+}
+
+.calendar .calendar-week-number {
+  font-weight: bold;
+  font-feature-settings: "tnum";
+  text-align: center;
+  margin: 6px;
+  padding: 0 6px;
+  border-radius: 4px;
+  background-color: rgba(154, 154, 154, 0.2);
+  color: #9a9a9a;
+}
+
+.events-button,
+.world-clocks-button,
+.weather-button {
+  border: none !important;
+}
+
+.events-button .events-box .events-title {
+  color: #9a9a9a;
+  padding-bottom: 6px;
+}
+
+.events-button .events-box .events-list {
+  spacing: 6px;
+}
+
+.events-button .events-box .events-list .event-box {
+  spacing: 6px;
+  border-radius: 8px;
+}
+
+.events-button .events-box .events-list .event-box .event-time {
+  color: #9a9a9a;
+}
+
+.events-button .events-box .events-list .event-placeholder {
+  color: #9a9a9a;
+  font-style: italic;
+}
+
+.world-clocks-button .world-clocks-header {
+  color: #9a9a9a;
+}
+
+.world-clocks-button .world-clocks-header.no-world-clocks {
+  color: #ffffff;
+}
+
+.world-clocks-button .world-clocks-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.world-clocks-button .world-clocks-grid .world-clocks-time {
+  font-weight: bold;
+}
+
+.world-clocks-button .world-clocks-grid .world-clocks-time:ltr {
+  text-align: right;
+}
+
+.world-clocks-button .world-clocks-grid .world-clocks-time:rtl {
+  text-align: left;
+}
+
+.world-clocks-button .world-clocks-grid .world-clocks-timezone {
+  color: #9a9a9a;
+}
+
+.weather-button .weather-box {
+  spacing: 6px;
+}
+
+.weather-button .weather-box .weather-header-box {
+  spacing: 6px;
+}
+
+.weather-button .weather-box .weather-header-box .weather-header {
+  color: #9a9a9a;
+}
+
+.weather-button .weather-box .weather-header-box .weather-header.no-location {
+  color: #ffffff;
+}
+
+.weather-button .weather-box .weather-header-box .weather-header.location {
+  font-weight: normal;
+}
+
+.weather-button .weather-box .weather-grid {
+  spacing-rows: 6px;
+  spacing-columns: 12px;
+}
+
+.weather-button .weather-box .weather-grid .weather-forecast-time {
+  font-size: 0.909em;
+  padding-top: 0.2em;
+  padding-bottom: 0.4em;
+}
+
+.weather-button .weather-box .weather-grid .weather-forecast-icon {
+  icon-size: 2.182em;
+  margin-bottom: 4px;
+}
+
+.weather-button .weather-box .weather-grid .weather-forecast-temp {
+  font-weight: bold;
+}
+
+/* Message List */
+.message-list {
+  width: 29em;
+  border: solid rgba(255, 255, 255, 0.1);
+}
+
+.message-list:ltr {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-right: 0;
+  border-right-width: 1px;
+}
+
+.message-list:rtl {
+  margin-right: 0;
+  margin-left: 4px;
+  padding-left: 0;
+  border-left-width: 1px;
+}
+
+.message-list .message-list-placeholder {
+  color: rgba(255, 255, 255, 0.25);
+}
+
+.message-list .message-list-placeholder > StIcon {
+  icon-size: 96px;
+  margin-bottom: 12px;
+  -st-icon-style: symbolic;
+}
+
+.message-list-sections {
+  spacing: 12px;
+  padding: 2px;
+}
+
+.message-list-sections:ltr {
+  margin-right: 12px;
+}
+
+.message-list-sections:rtl {
+  margin-left: 12px;
+}
+
+.message-list-section,
+.message-list-section-list {
+  spacing: 12px;
+}
+
+.message-list-controls {
+  padding: 12px;
+  padding-bottom: 6px;
+  spacing: 6px;
+}
+
+.message-list-controls .dnd-button {
+  border-width: 2px;
+  border-color: transparent;
+  border-radius: 32px;
+  border-style: solid;
+}
+
+.message-list-controls .dnd-button:focus {
+  border-color: rgba(86, 87, 245, 0.6);
+}
+
+.message {
+  padding: 0;
+  margin: 0;
+  border-radius: 16px;
+}
+
+.message:ltr {
+  padding-right: -2px;
+}
+
+.message:rtl {
+  padding-left: -2px;
+}
+
+.message .message-header {
+  padding: 0 0.409em;
+  margin: 6px;
+  margin-bottom: 0;
+  spacing: 6px;
+  color: #9a9a9a;
+}
+
+.message .message-header .message-source-icon {
+  icon-size: 1.091em;
+  -st-icon-style: symbolic;
+}
+
+.message .message-header .message-header-content {
+  spacing: 6px;
+  min-height: 1.637em;
+  padding-bottom: 6px;
+}
+
+.message .message-header .message-header-content .message-source-title {
+  font-weight: bold;
+}
+
+.message .message-header .message-header-content .event-time {
+  color: #9a9a9a;
+  padding-bottom: 0.068em;
+}
+
+.message .message-header .message-header-content .event-time:ltr {
+  text-align: right;
+}
+
+.message .message-header .message-header-content .event-time:rtl {
+  text-align: left;
+}
+
+.message .message-header .message-expand-button,
+.message .message-header .message-close-button {
+  color: #ffffff;
+  background-color: rgba(255, 255, 255, 0.1);
+  padding: 4px;
+}
+
+.message .message-header .message-expand-button:hover,
+.message .message-header .message-close-button:hover {
+  background-color: rgba(255, 255, 255, 0.19);
+}
+
+.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover,
+.message .message-header .message-close-button:active,
+.message .message-header .message-close-button:active:hover {
+  background-color: rgba(255, 255, 255, 0.24);
+}
+
+.message .message-header .message-expand-button:insensitive,
+.message .message-header .message-close-button:insensitive {
+  background-color: rgba(255, 255, 255, 0.07);
+}
+
+.message .message-header .message-expand-button {
+  padding: 6px;
+}
+
+.message .message-header .message-expand-button:ltr {
+  margin-right: 6px;
+}
+
+.message .message-header .message-expand-button:rtl {
+  margin-left: 6px;
+}
+
+.message .message-box {
+  padding: 6px;
+  margin: 6px;
+  margin-top: 0;
+  spacing: 6px;
+}
+
+.message .message-box .message-icon {
+  icon-size: 48px;
+  -st-icon-style: symbolic;
+}
+
+.message .message-box .message-icon:ltr {
+  margin-right: 6px;
+}
+
+.message .message-box .message-icon:rtl {
+  margin-left: 6px;
+}
+
+.message .message-box .message-icon.message-themed-icon {
+  border-radius: 999px;
+  background-color: rgba(255, 255, 255, 0.2);
+  icon-size: 16px;
+  min-width: 48px;
+  min-height: 48px;
+}
+
+.message .message-box:first-child {
+  margin-top: 12px;
+}
+
+.message .message-box .message-content {
+  spacing: 4px;
+}
+
+.message .message-box .message-content .message-title {
+  font-weight: bold;
+}
+
+.url-highlighter {
+  link-color: #64B5F6;
+}
+
+/* Media Controls */
+.message-media-control {
+  padding: 0 18px;
+  border-radius: 8px;
+  color: #ffffff;
+  border: 1px solid transparent;
+}
+
+.message-media-control:hover {
+  background-color: rgba(255, 255, 255, 0.19);
+  color: #ffffff;
+}
+
+.message-media-control:active {
+  background-color: rgba(255, 255, 255, 0.24);
+  color: #ffffff;
+}
+
+.message-media-control:insensitive {
+  color: #a7a7a7;
+}
+
+.message-media-control StIcon {
+  icon-size: 16px;
+}
+
+.media-message .message-icon {
+  border-radius: 8px !important;
+}
+
+.media-message .message-icon.message-themed-icon {
+  icon-size: 32px !important;
+}
+
+.candidate-popup-content {
+  padding: 6px;
+  spacing: 6px;
+}
+
+.candidate-index {
+  padding: 0;
+  padding-right: 6px;
+  color: #9a9a9a;
+}
+
+.candidate-box {
+  padding: 6px 12px 6px 12px;
+  border-radius: 8px;
+}
+
+.candidate-box:selected {
+  background-color: #5657f5;
+  color: #ffffff;
+}
+
+.candidate-box:hover {
+  background-color: #4e4e4e;
+  color: white;
+}
+
+.candidate-page-button-box {
+  height: 2em;
+}
+
+.vertical .candidate-page-button-box {
+  padding-top: 12px;
+}
+
+.horizontal .candidate-page-button-box {
+  padding-left: 12px;
+}
+
+.candidate-page-button {
+  padding: 6px;
+}
+
+.candidate-page-button StIcon {
+  icon-size: 16px;
+}
+
+.candidate-page-button-previous {
+  border-radius: 8px 0px 0px 8px;
+  border-right-width: 0;
+  box-shadow: none;
+}
+
+.candidate-page-button-next {
+  border-radius: 0px 8px 8px 0px;
+  box-shadow: none;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+  min-height: 64px;
+  width: 34em;
+  box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
+  border-radius: 16px;
+  margin: 8px;
+}
+
+.notification-buttons-bin {
+  spacing: 0;
+}
+
+/* Modal Dialogs */
+.modal-dialog {
+  background-color: #353535;
+  border-radius: 16px;
+  box-shadow: inset 0 0 0 1px #424242;
+}
+
+.modal-dialog .modal-dialog-content-box {
+  margin: 32px 40px;
+  spacing: 32px;
+  max-width: 28em;
+}
+
+/* End Session Dialog */
+.end-session-dialog {
+  width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+  color: #f6d32d;
+}
+
+/* Message Dialog */
+.message-dialog-content {
+  spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+  text-align: center;
+}
+
+.message-dialog-content .message-dialog-description {
+  text-align: center;
+}
+
+/* Dialog List */
+.dialog-list {
+  spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+  text-align: center;
+}
+
+.dialog-list .dialog-list-scrollview {
+  max-height: 200px;
+}
+
+.dialog-list .dialog-list-box {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item {
+  spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+  font-weight: bold;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+  color: #f2f2f2;
+}
+
+/* Run Dialog */
+.run-dialog .modal-dialog-content-box {
+  margin-top: 24px;
+  margin-bottom: 12px;
+}
+
+.run-dialog .run-dialog-entry {
+  width: 20em;
+}
+
+.run-dialog .run-dialog-description {
+  text-align: center;
+  color: #cccccc;
+}
+
+/* Password or Authentication Dialog */
+.prompt-dialog {
+  width: 28em;
+}
+
+.prompt-dialog .modal-dialog-content-box {
+  margin-bottom: 24px;
+}
+
+.prompt-dialog-password-grid {
+  spacing-rows: 8px;
+  spacing-columns: 4px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry {
+  width: auto;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+  margin-left: 20px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+  margin-right: 20px;
+}
+
+.prompt-dialog-password-layout {
+  spacing: 8px;
+}
+
+.prompt-dialog-password-entry {
+  width: 20em;
+}
+
+.prompt-dialog-error-label,
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  text-align: center;
+}
+
+.prompt-dialog-error-label {
+  color: #f6d32d;
+}
+
+/* Polkit Dialog */
+.polkit-dialog-user-layout {
+  text-align: center;
+  spacing: 8px;
+  margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+  color: #f6d32d;
+}
+
+/* Audio selection dialog */
+.audio-device-selection-dialog .modal-dialog-content-box {
+  margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+  spacing: 20px;
+}
+
+.audio-selection-device {
+  border-radius: 16px;
+}
+
+.audio-selection-device:hover, .audio-selection-device:focus {
+  background-color: #4e4e4e;
+}
+
+.audio-selection-device:active {
+  background-color: #5657f5;
+  color: #ffffff;
+}
+
+.audio-selection-device-box {
+  padding: 20px;
+  spacing: 20px;
+}
+
+.audio-selection-device-icon {
+  icon-size: 64px;
+}
+
+/* Welcome dialog */
+.welcome-dialog-image {
+  background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
+  background-size: contain;
+  /* Reasonable maximum dimensions */
+  height: 300px;
+  width: 300px;
+}
+
+/* Access portal dialog */
+.access-dialog {
+  text-align: center;
+}
+
+/* OSD */
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+  spacing: 12px;
+  padding: 12px 18px;
+  margin-bottom: 4em;
+}
+
+.osd-window > * {
+  spacing: 8px;
+}
+
+.osd-window StIcon {
+  icon-size: 32px;
+}
+
+.osd-window StLabel:ltr {
+  margin-right: 6px;
+}
+
+.osd-window StLabel:rtl {
+  margin-left: 6px;
+}
+
+.osd-window .level {
+  margin-bottom: 4px;
+  min-width: 160px;
+  -barlevel-height: 6px;
+  -barlevel-background-color: rgba(255, 255, 255, 0.1);
+  -barlevel-active-background-color: #ffffff;
+  -barlevel-overdrive-color: #c01c28;
+  -barlevel-overdrive-separator-width: 3px;
+}
+
+.osd-window .level:first-child {
+  margin-bottom: 0;
+}
+
+.osd-window .level:ltr {
+  margin-right: 6px;
+}
+
+.osd-window .level:rtl {
+  margin-left: 6px;
+}
+
+.osd-monitor-label {
+  background-color: #5657f5;
+  color: #ffffff;
+  border-radius: 16px;
+  font-size: 3em;
+  font-weight: bold;
+  font-feature-settings: "tnum";
+  margin: 12px;
+  padding: 12px;
+  text-align: center;
+  min-width: 1.5em;
+}
+
+/* Pad OSD */
+.pad-osd-window {
+  padding: 32px;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.pad-osd-window .pad-osd-title-box {
+  spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+  spacing: 6px;
+}
+
+.combo-box-label {
+  width: 15em;
+}
+
+/* App Switcher */
+.switcher-popup {
+  padding: 0;
+  spacing: 24px;
+}
+
+.switcher-list {
+  padding: 12px;
+  border-radius: 28px;
+  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2);
+}
+
+.switcher-list .switcher-list-item-container {
+  spacing: 12px;
+}
+
+.switcher-list .item-box {
+  color: #ffffff;
+  background-color: #353535;
+}
+
+.switcher-list .item-box:focus {
+  color: #ffffff;
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: rgba(62, 62, 105, 0.2875);
+}
+
+.switcher-list .item-box:focus:hover {
+  background-color: #47474f;
+}
+
+.switcher-list .item-box:hover {
+  color: #ffffff;
+  background-color: #474747;
+}
+
+.switcher-list .item-box:active {
+  color: #ffffff;
+  background-color: #4c4c4c;
+}
+
+.switcher-list .item-box:active:hover {
+  background-color: #5e5e5e;
+}
+
+.switcher-list .item-box:active:focus {
+  background-color: #4c4c54;
+}
+
+.switcher-list .item-box:highlighted, .switcher-list .item-box:selected, .switcher-list .item-box:checked {
+  color: #ffffff;
+  background-color: #494949;
+}
+
+.switcher-list .item-box:highlighted:hover, .switcher-list .item-box:selected:hover, .switcher-list .item-box:checked:hover {
+  background-color: #5b5b5b;
+}
+
+.switcher-list .item-box:highlighted:active, .switcher-list .item-box:selected:active, .switcher-list .item-box:checked:active {
+  background-color: #606060;
+}
+
+.switcher-list .item-box:insensitive {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: #353535;
+}
+
+.switcher-list .item-box:drop {
+  background-color: rgba(86, 87, 245, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.8);
+}
+
+.switcher-list .item-box:hover {
+  background: none;
+}
+
+.switcher-list .item-box:selected {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 6px;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+  border-radius: 8px;
+}
+
+.switcher-arrow {
+  border-color: rgba(255, 255, 255, 0.8);
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.switcher-arrow:highlighted {
+  border-color: #ffffff;
+  color: #ffffff;
+}
+
+.input-source-switcher-symbol {
+  font-size: 34pt;
+  width: 96px;
+  height: 96px;
+}
+
+.cycler-highlight {
+  border: 5px solid #5657f5;
+}
+
+/* Workspace Switcher */
+.workspace-switcher {
+  margin-bottom: 4em;
+  spacing: 12px;
+  padding: 12px 18px;
+}
+
+.ws-switcher-indicator {
+  background-color: rgba(255, 255, 255, 0.5);
+  padding: 4px;
+  margin: 20px;
+  border-radius: 48px;
+}
+
+.ws-switcher-indicator:active {
+  background-color: #ffffff;
+  padding: 8px;
+  margin: 16px;
+}
+
+.screenshot-ui-panel {
+  border-radius: 32px;
+  padding: 18px;
+  padding-bottom: 12px;
+  margin-bottom: 4em;
+  spacing: 12px;
+}
+
+.screenshot-ui-close-button {
+  padding: 6px !important;
+  margin-top: 12px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
+}
+
+.screenshot-ui-close-button.left {
+  margin-left: 12px;
+}
+
+.screenshot-ui-close-button.right {
+  margin-right: 12px;
+}
+
+.screenshot-ui-type-button {
+  min-width: 48px;
+  padding: 12px 18px;
+  border-radius: 14px;
+}
+
+.screenshot-ui-type-button .icon-label-button-container {
+  spacing: 0.409em;
+}
+
+.screenshot-ui-type-button .icon-label-button-container > StIcon {
+  icon-size: 32px;
+}
+
+.screenshot-ui-capture-button {
+  width: 32px;
+  height: 32px;
+  border-radius: 999px;
+  border: 4px #ffffff;
+  padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+  background-color: #ffffff;
+  transition-duration: 200ms;
+  border-radius: 999px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+  background-color: #4e4e4e;
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+  background-color: #cccccc;
+}
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
+  background-color: gray;
+}
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
+  background-color: #c01c28;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+  background-color: #d61f2d;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+  background-color: #a11722;
+}
+
+.screenshot-ui-shot-cast-container {
+  background-color: rgba(255, 255, 255, 0.1);
+  border-radius: 999px;
+  padding: 3px;
+  spacing: 3px;
+}
+
+.screenshot-ui-shot-cast-button {
+  padding: 6px 12px;
+  background-color: transparent;
+  border-radius: 999px;
+}
+
+.screenshot-ui-shot-cast-button > StIcon {
+  icon-size: 16px;
+}
+
+.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.screenshot-ui-shot-cast-button:active {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+  background-color: #ffffff;
+  color: #353535;
+}
+
+.screenshot-ui-shot-cast-button:insensitive {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
+  border: 2px white;
+}
+
+.screenshot-ui-area-selector-handle {
+  border-radius: 999px;
+  background-color: white;
+  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+  width: 24px;
+  height: 24px;
+}
+
+.screenshot-ui-window-selector {
+  background-color: #282828;
+}
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
+  margin: 100px;
+}
+
+.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container {
+  margin-bottom: 200px;
+}
+
+.screenshot-ui-window-selector-window-border {
+  transition-duration: 200ms;
+  border-radius: 16px;
+  border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+  transition-duration: 200ms;
+  color: transparent;
+  border-radius: 999px;
+  border-width: 12px;
+  icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
+  border-color: #0e10f0;
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
+  border-color: #5657f5;
+  background-color: rgba(86, 87, 245, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
+  color: #ffffff;
+  background-color: #5657f5;
+}
+
+.screenshot-ui-screen-selector {
+  transition-duration: 200ms;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-screen-selector:hover {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-screen-selector:active {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+.screenshot-ui-screen-selector:checked {
+  background-color: transparent;
+  border: 2px white;
+}
+
+.screenshot-ui-tooltip {
+  text-align: center;
+  -y-offset: 24px;
+}
+
+/* Top Bar */
+#panel {
+  background-color: #000000;
+  font-weight: bold;
+  height: 2.2em;
+  transition-duration: 250ms;
+}
+
+#panel .panel-button {
+  transition-duration: 150ms;
+  border: 3px solid transparent;
+  background-color: transparent;
+  border-radius: 999px;
+  font-weight: bold;
+  color: #ffffff;
+  box-shadow: inset 0 0 0 100px transparent;
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+}
+
+#panel .panel-button:focus, #panel .panel-button:hover {
+  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17);
+}
+
+#panel .panel-button:active, #panel .panel-button:checked {
+  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28);
+}
+
+#panel .panel-button:active:hover, #panel .panel-button:checked:hover {
+  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32);
+}
+
+#panel .panel-button .system-status-icon {
+  icon-size: 1.091em;
+  padding: 0 6px;
+  margin: 0 4px;
+}
+
+#panel .panel-button .app-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+#panel .panel-button .panel-status-menu-box,
+#panel .panel-button .panel-status-indicators-box {
+  spacing: 4px;
+}
+
+#panel .panel-button .panel-status-menu-box > .system-status-icon,
+#panel .panel-button .panel-status-indicators-box > .system-status-icon {
+  padding: 0;
+}
+
+#panel .panel-button#panelActivities StBoxLayout {
+  padding: 0 0.2045em;
+  spacing: 5px;
+}
+
+#panel .panel-button#panelActivities .workspace-dot {
+  border-radius: 999px;
+  min-width: 0.5455em;
+  min-height: 0.5455em;
+  background-color: #ffffff;
+}
+
+#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout {
+  spacing: 0.409em;
+}
+
+#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon {
+  icon-size: 1.091em;
+}
+
+#panel .panel-button.screen-recording-indicator {
+  transition-duration: 150ms;
+  border: 3px solid transparent;
+  background-color: transparent;
+  border-radius: 999px;
+  font-weight: bold;
+  color: whitesmoke;
+  box-shadow: inset 0 0 0 100px #c01c28;
+}
+
+#panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:hover {
+  box-shadow: inset 0 0 0 100px #d61f2d;
+}
+
+#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:checked {
+  box-shadow: inset 0 0 0 100px #e02a37;
+}
+
+#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
+  box-shadow: inset 0 0 0 100px #e13340;
+}
+
+#panel .panel-button.screen-sharing-indicator {
+  transition-duration: 150ms;
+  border: 3px solid transparent;
+  background-color: transparent;
+  border-radius: 999px;
+  font-weight: bold;
+  color: whitesmoke;
+  box-shadow: inset 0 0 0 100px #ff7800;
+}
+
+#panel .panel-button.screen-sharing-indicator:focus, #panel .panel-button.screen-sharing-indicator:hover {
+  box-shadow: inset 0 0 0 100px #ff861a;
+}
+
+#panel .panel-button.screen-sharing-indicator:active, #panel .panel-button.screen-sharing-indicator:checked {
+  box-shadow: inset 0 0 0 100px #ff902e;
+}
+
+#panel .panel-button.screen-sharing-indicator:active:hover, #panel .panel-button.screen-sharing-indicator:checked:hover {
+  box-shadow: inset 0 0 0 100px #ff9638;
+}
+
+#panel .panel-button.clock-display {
+  transition-duration: 150ms;
+  border: 3px solid transparent;
+  background-color: transparent;
+  border-radius: 999px;
+  font-weight: bold;
+  color: #ffffff;
+  box-shadow: inset 0 0 0 100px transparent;
+  background: none !important;
+  box-shadow: none !important;
+  border: none !important;
+}
+
+#panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:hover {
+  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17);
+}
+
+#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:checked {
+  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28);
+}
+
+#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:checked:hover {
+  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32);
+}
+
+#panel .panel-button.clock-display .clock {
+  transition-duration: 150ms;
+  border: 3px solid transparent;
+  border-radius: 999px;
+}
+
+#panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:hover .clock {
+  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17);
+}
+
+#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:checked .clock {
+  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28);
+}
+
+#panel .panel-button.clock-display:active .clock:hover, #panel .panel-button.clock-display:checked .clock:hover {
+  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32);
+}
+
+#panel .panel-button.clock-display .messages-indicator {
+  icon-size: 1.091em;
+}
+
+#panel:overview, #panel.unlock-screen, #panel.login-screen {
+  background-color: transparent;
+}
+
+#panel:overview .panel-button.screen-recording-indicator, #panel.unlock-screen .panel-button.screen-recording-indicator, #panel.login-screen .panel-button.screen-recording-indicator {
+  transition-duration: 150ms;
+  border: 3px solid transparent;
+  background-color: transparent;
+  border-radius: 999px;
+  font-weight: bold;
+  color: whitesmoke;
+  box-shadow: inset 0 0 0 100px #c01c28;
+}
+
+#panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:hover {
+  box-shadow: inset 0 0 0 100px #d61f2d;
+}
+
+#panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:checked, #panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:checked {
+  box-shadow: inset 0 0 0 100px #e02a37;
+}
+
+#panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover {
+  box-shadow: inset 0 0 0 100px #e13340;
+}
+
+#panel:overview .panel-button.screen-sharing-indicator, #panel.unlock-screen .panel-button.screen-sharing-indicator, #panel.login-screen .panel-button.screen-sharing-indicator {
+  transition-duration: 150ms;
+  border: 3px solid transparent;
+  background-color: transparent;
+  border-radius: 999px;
+  font-weight: bold;
+  color: whitesmoke;
+  box-shadow: inset 0 0 0 100px #ff7800;
+}
+
+#panel:overview .panel-button.screen-sharing-indicator:focus, #panel:overview .panel-button.screen-sharing-indicator:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:focus, #panel.unlock-screen .panel-button.screen-sharing-indicator:hover, #panel.login-screen .panel-button.screen-sharing-indicator:focus, #panel.login-screen .panel-button.screen-sharing-indicator:hover {
+  box-shadow: inset 0 0 0 100px #ff861a;
+}
+
+#panel:overview .panel-button.screen-sharing-indicator:active, #panel:overview .panel-button.screen-sharing-indicator:checked, #panel.unlock-screen .panel-button.screen-sharing-indicator:active, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked, #panel.login-screen .panel-button.screen-sharing-indicator:active, #panel.login-screen .panel-button.screen-sharing-indicator:checked {
+  box-shadow: inset 0 0 0 100px #ff902e;
+}
+
+#panel:overview .panel-button.screen-sharing-indicator:active:hover, #panel:overview .panel-button.screen-sharing-indicator:checked:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:active:hover, #panel.unlock-screen .panel-button.screen-sharing-indicator:checked:hover, #panel.login-screen .panel-button.screen-sharing-indicator:active:hover, #panel.login-screen .panel-button.screen-sharing-indicator:checked:hover {
+  box-shadow: inset 0 0 0 100px #ff9638;
+}
+
+#panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
+  transition-duration: 150ms;
+  border: 3px solid transparent;
+  background-color: transparent;
+  border-radius: 999px;
+  font-weight: bold;
+  color: #ffffff;
+  box-shadow: inset 0 0 0 100px transparent;
+}
+
+#panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:hover {
+  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17);
+}
+
+#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:checked {
+  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28);
+}
+
+#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:checked:hover {
+  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32);
+}
+
+#panel.unlock-screen .panel-button.clock-display, #panel.login-screen .panel-button.clock-display {
+  transition-duration: 150ms;
+  border: 3px solid transparent;
+  background-color: transparent;
+  border-radius: 999px;
+  font-weight: bold;
+  color: #ffffff;
+  box-shadow: inset 0 0 0 100px transparent;
+  background: none !important;
+  box-shadow: none !important;
+  border: none !important;
+}
+
+#panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:hover {
+  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17);
+}
+
+#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:checked {
+  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28);
+}
+
+#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:checked:hover {
+  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32);
+}
+
+#panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock {
+  transition-duration: 150ms;
+  border: 3px solid transparent;
+  border-radius: 999px;
+}
+
+#panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:hover .clock {
+  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.17);
+}
+
+#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:checked .clock {
+  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.28);
+}
+
+#panel.unlock-screen .panel-button.clock-display:active .clock:hover, #panel.unlock-screen .panel-button.clock-display:checked .clock:hover, #panel.login-screen .panel-button.clock-display:active .clock:hover, #panel.login-screen .panel-button.clock-display:checked .clock:hover {
+  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.32);
+}
+
+#panel:overview .panel-button {
+  transition-duration: 150ms;
+  border: 3px solid transparent;
+  background-color: transparent;
+  border-radius: 999px;
+  font-weight: bold;
+  color: whitesmoke;
+  box-shadow: inset 0 0 0 100px transparent;
+}
+
+#panel:overview .panel-button:focus, #panel:overview .panel-button:hover {
+  box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.17);
+}
+
+#panel:overview .panel-button:active, #panel:overview .panel-button:checked {
+  box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.28);
+}
+
+#panel:overview .panel-button:active:hover, #panel:overview .panel-button:checked:hover {
+  box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.32);
+}
+
+#panel:overview .panel-button#panelActivities .workspace-dot {
+  background-color: whitesmoke;
+}
+
+#panel:overview .panel-button.clock-display {
+  transition-duration: 150ms;
+  border: 3px solid transparent;
+  background-color: transparent;
+  border-radius: 999px;
+  font-weight: bold;
+  color: whitesmoke;
+  box-shadow: inset 0 0 0 100px transparent;
+  background: none !important;
+  box-shadow: none !important;
+  border: none !important;
+}
+
+#panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:hover {
+  box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.17);
+}
+
+#panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:checked {
+  box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.28);
+}
+
+#panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:checked:hover {
+  box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.32);
+}
+
+#panel:overview .panel-button.clock-display .clock {
+  transition-duration: 150ms;
+  border: 3px solid transparent;
+  border-radius: 999px;
+}
+
+#panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:hover .clock {
+  box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.17);
+}
+
+#panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:checked .clock {
+  box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.28);
+}
+
+#panel:overview .panel-button.clock-display:active .clock:hover, #panel:overview .panel-button.clock-display:checked .clock:hover {
+  box-shadow: inset 0 0 0 100px rgba(245, 245, 245, 0.32);
+}
+
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+  spacing: 2px;
+}
+
+#panel .power-status.panel-status-indicators-box {
+  spacing: 0;
+}
+
+#panel .privacy-indicator {
+  color: #ff7800;
+}
+
+#appMenu {
+  spacing: 0.409em;
+}
+
+#appMenu .label-shadow {
+  color: transparent;
+}
+
+#appMenu .panel-status-menu-box {
+  padding: 0 0.409em;
+  spacing: 0.409em;
+}
+
+.clock-display-box {
+  spacing: 2px;
+}
+
+.clock-display-box .clock {
+  padding-left: 0.818em;
+  padding-right: 0.818em;
+}
+
+/* Activities Ripple */
+.ripple-box {
+  background-color: rgba(255, 255, 255, 0.2);
+  box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2);
+  width: 52px;
+  height: 52px;
+  border-radius: 0 0 52px 0;
+}
+
+.ripple-box:rtl {
+  border-radius: 0 0 0 52px;
+}
+
+.quick-settings {
+  padding: 18px;
+  border-radius: 36px;
+}
+
+.quick-settings .icon-button, .quick-settings .login-dialog-button.cancel-button, .quick-settings .login-dialog-button.switch-user-button, .quick-settings .login-dialog-button.login-dialog-session-list-button, .quick-settings .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-settings .pager-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button,
+.quick-settings .message .message-header .message-close-button,
+.message .message-header .quick-settings .message-close-button, .quick-settings .screenshot-ui-show-pointer-button, .quick-settings .button {
+  padding: 10.5px;
+}
+
+.quick-settings-grid {
+  spacing-rows: 12px;
+  spacing-columns: 12px;
+}
+
+.quick-toggle, .quick-menu-toggle {
+  border-radius: 999px;
+  min-width: 12em;
+  max-width: 12em;
+  min-height: 3.273em;
+  border: none;
+}
+
+.quick-toggle {
+  background-color: none;
+  /* Move padding into the box; this is to allow menu arrows
+     to extend to the border */
+}
+
+.quick-toggle > StBoxLayout {
+  spacing: 9px;
+}
+
+.quick-toggle.button {
+  padding: 0;
+}
+
+.quick-toggle > StBoxLayout {
+  padding: 0 12px;
+}
+
+.quick-toggle:ltr > StBoxLayout {
+  padding-left: 15px;
+}
+
+.quick-toggle:rtl > StBoxLayout {
+  padding-right: 15px;
+}
+
+.quick-toggle .quick-toggle-title {
+  font-weight: bold;
+}
+
+.quick-toggle StBoxLayout > .quick-toggle-subtitle {
+  font-weight: normal;
+}
+
+.quick-toggle .quick-toggle-icon {
+  icon-size: 1.091em;
+}
+
+.quick-menu-toggle .quick-toggle {
+  min-width: auto;
+  max-width: auto;
+}
+
+.quick-menu-toggle .quick-toggle:ltr {
+  border-radius: 999px 0 0 999px;
+}
+
+.quick-menu-toggle .quick-toggle:ltr > StBoxLayout {
+  padding-right: 0.6135em;
+}
+
+.quick-menu-toggle .quick-toggle:rtl {
+  border-radius: 0 999px 999px 0;
+}
+
+.quick-menu-toggle .quick-toggle:rtr > StBoxLayout {
+  padding-left: 0.6135em;
+}
+
+.quick-menu-toggle .quick-toggle:ltr:last-child {
+  border-radius: 999px;
+}
+
+.quick-menu-toggle .quick-toggle:rtl:last-child {
+  border-radius: 999px;
+}
+
+.quick-menu-toggle .quick-toggle-arrow {
+  padding: 0.409em 0.71575em;
+  border-width: 0;
+  border-color: rgba(255, 255, 255, 0.25);
+}
+
+.quick-menu-toggle .quick-toggle-arrow:checked {
+  border-color: #9e9ff9;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:ltr {
+  border-radius: 0 999px 999px 0;
+  border-left-width: 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:rtl {
+  border-radius: 999px 0 0 999px;
+  border-right-width: 0;
+}
+
+.quick-slider > StBoxLayout {
+  spacing: 6px;
+}
+
+.quick-slider .icon-button, .quick-slider .login-dialog-button.cancel-button, .quick-slider .login-dialog-button.switch-user-button, .quick-slider .login-dialog-button.login-dialog-session-list-button, .quick-slider .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .quick-slider .pager-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button,
+.quick-slider .message .message-header .message-close-button,
+.message .message-header .quick-slider .message-close-button, .quick-slider .screenshot-ui-show-pointer-button {
+  padding: 6px;
+}
+
+.quick-slider .slider-bin {
+  padding: 6px;
+  border-radius: 999px;
+}
+
+.quick-slider .slider-bin:focus {
+  color: #ffffff;
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: #484850;
+}
+
+.quick-slider .slider-bin:focus:hover {
+  background-color: #515159;
+}
+
+.quick-toggle-menu {
+  border-radius: 24px;
+  margin: 12px 18px 0;
+}
+
+.quick-toggle-menu:insensitive {
+  color: #ffffff;
+  background-color: #474747;
+}
+
+.quick-toggle-menu .popup-menu-item > StIcon {
+  -st-icon-style: symbolic;
+  icon-size: 1.091em;
+}
+
+.quick-toggle-menu .header {
+  spacing-rows: 3px;
+  spacing-columns: 12px;
+  padding-bottom: 12px;
+}
+
+.quick-toggle-menu .header .icon {
+  icon-size: 1.6365em;
+  border-radius: 999px;
+  padding: 9px;
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.quick-toggle-menu .header .icon.active {
+  background-color: #5657f5;
+  color: #ffffff;
+}
+
+.quick-settings-system-item > StBoxLayout {
+  spacing: 12px;
+}
+
+.quick-settings-system-item .power-item {
+  min-height: 0;
+  min-width: 0;
+}
+
+.quick-settings-system-item .power-item:insensitive {
+  color: #ffffff;
+  background-color: #474747;
+  background-color: transparent;
+}
+
+.nm-network-item .wireless-secure-icon {
+  icon-size: 0.5455em;
+}
+
+.bt-device-item .popup-menu-icon {
+  -st-icon-style: symbolic;
+}
+
+.bt-menu-placeholder.popup-menu-item {
+  text-align: center;
+  padding: 2em 4em;
+}
+
+.device-subtitle {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.keyboard-brightness-level {
+  spacing: 6px;
+}
+
+.background-apps-quick-toggle {
+  min-height: 2.728em;
+  background-color: transparent;
+}
+
+.background-apps-quick-toggle StIcon {
+  icon-size: 1.091em !important;
+}
+
+.background-app-item .popup-menu-icon {
+  icon-size: 32px !important;
+  -st-icon-style: regular !important;
+}
+
+.background-app-item .icon-button, .background-app-item .login-dialog-button.cancel-button, .background-app-item .login-dialog-button.switch-user-button, .background-app-item .login-dialog-button.login-dialog-session-list-button, .background-app-item .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .background-app-item .pager-button, .background-app-item .message .message-header .message-expand-button, .message .message-header .background-app-item .message-expand-button,
+.background-app-item .message .message-header .message-close-button,
+.message .message-header .background-app-item .message-close-button, .background-app-item .screenshot-ui-show-pointer-button {
+  padding: 6px;
+  background-color: rgba(255, 255, 255, 0.13);
+}
+
+.background-app-item .icon-button:hover, .background-app-item .login-dialog-button.cancel-button:hover, .background-app-item .login-dialog-button.switch-user-button:hover, .background-app-item .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .background-app-item .pager-button:hover, .background-app-item .message .message-header .message-expand-button:hover, .message .message-header .background-app-item .message-expand-button:hover,
+.background-app-item .message .message-header .message-close-button:hover,
+.message .message-header .background-app-item .message-close-button:hover, .background-app-item .screenshot-ui-show-pointer-button:hover {
+  background-color: rgba(255, 255, 255, 0.22);
+}
+
+.background-app-item .icon-button:active, .background-app-item .login-dialog-button.cancel-button:active, .background-app-item .login-dialog-button.switch-user-button:active, .background-app-item .login-dialog-button.login-dialog-session-list-button:active, .background-app-item .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .background-app-item .pager-button:active, .background-app-item .message .message-header .message-expand-button:active, .message .message-header .background-app-item .message-expand-button:active,
+.background-app-item .message .message-header .message-close-button:active,
+.message .message-header .background-app-item .message-close-button:active, .background-app-item .screenshot-ui-show-pointer-button:active {
+  background-color: rgba(255, 255, 255, 0.31);
+}
+
+.background-app-item .spinner {
+  padding: 6px;
+}
+
+.background-app-item.popup-inactive-menu-item {
+  color: #ffffff;
+}
+
+/* OVERVIEW */
+.controls-manager, .secondary-monitor-workspaces {
+  spacing: 12px;
+}
+
+#overviewGroup {
+  background-color: #282828;
+}
+
+.overview-controls {
+  padding-bottom: 32px;
+}
+
+/* Window Picker */
+.window-picker {
+  spacing: 6px;
+}
+
+.window-close, .screenshot-ui-close-button {
+  background-color: rgba(71, 71, 71, 0.98);
+  color: whitesmoke;
+  border-radius: 999px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
+  padding: 3px;
+  height: 32px;
+  width: 32px;
+  transition-duration: 100ms;
+  border: 2px solid transparent;
+}
+
+.window-close StIcon, .screenshot-ui-close-button StIcon {
+  icon-size: 24px;
+}
+
+.window-close:hover, .screenshot-ui-close-button:hover {
+  background-color: rgba(88, 88, 88, 0.98);
+}
+
+.window-close:active, .screenshot-ui-close-button:active {
+  background-color: rgba(104, 104, 104, 0.98);
+}
+
+.workspace-background {
+  border-radius: 30px;
+  background-color: rgba(3, 2, 1, 0);
+  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.2);
+}
+
+.search-entry {
+  border-radius: 999px;
+  margin-top: 12px;
+  margin-bottom: 6px;
+  width: 24em;
+}
+
+.search-entry .search-entry-icon {
+  icon-size: 1.091em;
+  margin-top: 2px;
+  padding: 0 4px;
+}
+
+.popup-menu .search-entry {
+  box-shadow: inset 0 0 0 2px transparent !important;
+  border: 2px solid transparent;
+  box-shadow: none !important;
+  background-color: #474747;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.popup-menu .search-entry:hover {
+  background-color: #515151;
+  color: #ffffff;
+}
+
+.popup-menu .search-entry:focus {
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: #484850;
+  color: #ffffff;
+}
+
+.popup-menu .search-entry:insensitive {
+  background-color: #3f3f3f;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.popup-menu .search-entry StLabel.hint-text {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+/* Search */
+#searchResults {
+  margin: 0 4px;
+}
+
+#searchResultsContent {
+  max-width: 1044px;
+}
+
+.search-section {
+  spacing: 18px;
+}
+
+.search-section .search-section-separator {
+  height: 8px;
+  background-color: transparent;
+}
+
+.search-section-content {
+  background-color: #3d3d3d;
+  color: whitesmoke;
+  border-radius: 24px;
+  padding: 12px;
+  margin: 0 12px;
+  border: 2px solid transparent;
+}
+
+.list-search-result, .search-provider-icon {
+  color: whitesmoke;
+  background-color: #3d3d3d;
+  border-radius: 13.2px;
+}
+
+.list-search-result:focus, .search-provider-icon:focus {
+  color: whitesmoke;
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: rgba(68, 68, 111, 0.2875);
+}
+
+.list-search-result:focus:hover, .search-provider-icon:focus:hover {
+  background-color: #4f4f57;
+}
+
+.list-search-result:hover, .search-provider-icon:hover {
+  color: whitesmoke;
+  background-color: #4f4f4f;
+}
+
+.list-search-result:active, .search-provider-icon:active {
+  color: whitesmoke;
+  background-color: #545454;
+}
+
+.list-search-result:active:hover, .search-provider-icon:active:hover {
+  background-color: #666666;
+}
+
+.list-search-result:active:focus, .search-provider-icon:active:focus {
+  background-color: #54545c;
+}
+
+.list-search-result:highlighted, .search-provider-icon:highlighted, .list-search-result:selected, .search-provider-icon:selected, .list-search-result:checked, .search-provider-icon:checked {
+  color: whitesmoke;
+  background-color: #515151;
+}
+
+.list-search-result:highlighted:hover, .search-provider-icon:highlighted:hover, .list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
+  background-color: #636363;
+}
+
+.list-search-result:highlighted:active, .search-provider-icon:highlighted:active, .list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
+  background-color: #686868;
+}
+
+.list-search-result:insensitive, .search-provider-icon:insensitive {
+  color: rgba(245, 245, 245, 0.5);
+  background-color: #3d3d3d;
+}
+
+.list-search-result:drop, .search-provider-icon:drop {
+  background-color: rgba(86, 87, 245, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.8);
+}
+
+.search-statustext {
+  color: rgba(245, 245, 245, 0.8);
+}
+
+.grid-search-results {
+  spacing: 30px;
+  margin: 0 12px;
+}
+
+.search-provider-icon:ltr {
+  margin-right: 4px;
+}
+
+.search-provider-icon:rtl {
+  margin-left: 4px;
+}
+
+.search-provider-icon .list-search-provider-content {
+  spacing: 12px;
+}
+
+.search-provider-icon .list-search-provider-content .list-search-provider-details {
+  width: 120px;
+  color: whitesmoke;
+}
+
+.list-search-results {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-content {
+  spacing: 6px;
+}
+
+.list-search-result .list-search-result-title {
+  spacing: 12px;
+}
+
+.list-search-result .list-search-result-description {
+  color: #959595;
+}
+
+/* Dash */
+#dash {
+  margin-top: 12px;
+}
+
+#dash .dash-background {
+  background-color: #3d3d3d;
+  border-radius: 28px;
+  padding-top: 12px;
+  padding-bottom: 12px;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+#dash .dash-item-container .placeholder {
+  background-image: none;
+  background-size: contain;
+  height: 32px;
+}
+
+#dash .dash-item-container .empty-dash-drop-target {
+  width: 32px;
+  height: 32px;
+}
+
+#dash .dash-item-container .show-apps,
+#dash .dash-item-container .overview-tile,
+#dash .dash-item-container .grid-search-result {
+  margin: 0 2px;
+  padding-bottom: 12px;
+}
+
+#dash .dash-item-container .show-apps .overview-icon,
+#dash .dash-item-container .overview-tile .overview-icon,
+#dash .dash-item-container .grid-search-result .overview-icon {
+  color: whitesmoke;
+  background-color: #3d3d3d;
+}
+
+#dash .dash-item-container .show-apps:focus .overview-icon,
+#dash .dash-item-container .overview-tile:focus .overview-icon,
+#dash .dash-item-container .grid-search-result:focus .overview-icon {
+  color: whitesmoke;
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: rgba(68, 68, 111, 0.2875);
+}
+
+#dash .dash-item-container .show-apps:focus .overview-icon:hover,
+#dash .dash-item-container .overview-tile:focus .overview-icon:hover,
+#dash .dash-item-container .grid-search-result:focus .overview-icon:hover {
+  background-color: #4f4f57;
+}
+
+#dash .dash-item-container .show-apps:hover .overview-icon,
+#dash .dash-item-container .overview-tile:hover .overview-icon,
+#dash .dash-item-container .grid-search-result:hover .overview-icon {
+  color: whitesmoke;
+  background-color: #4f4f4f;
+}
+
+#dash .dash-item-container .show-apps:active .overview-icon,
+#dash .dash-item-container .overview-tile:active .overview-icon,
+#dash .dash-item-container .grid-search-result:active .overview-icon {
+  color: whitesmoke;
+  background-color: #545454;
+}
+
+#dash .dash-item-container .show-apps:active .overview-icon:hover,
+#dash .dash-item-container .overview-tile:active .overview-icon:hover,
+#dash .dash-item-container .grid-search-result:active .overview-icon:hover {
+  background-color: #666666;
+}
+
+#dash .dash-item-container .show-apps:active .overview-icon:focus,
+#dash .dash-item-container .overview-tile:active .overview-icon:focus,
+#dash .dash-item-container .grid-search-result:active .overview-icon:focus {
+  background-color: #54545c;
+}
+
+#dash .dash-item-container .show-apps:checked .overview-icon,
+#dash .dash-item-container .overview-tile:checked .overview-icon,
+#dash .dash-item-container .grid-search-result:checked .overview-icon {
+  color: whitesmoke;
+  background-color: #515151;
+}
+
+#dash .dash-item-container .show-apps:checked .overview-icon:hover,
+#dash .dash-item-container .overview-tile:checked .overview-icon:hover,
+#dash .dash-item-container .grid-search-result:checked .overview-icon:hover {
+  background-color: #636363;
+}
+
+#dash .dash-item-container .show-apps:checked .overview-icon:active,
+#dash .dash-item-container .overview-tile:checked .overview-icon:active,
+#dash .dash-item-container .grid-search-result:checked .overview-icon:active {
+  background-color: #686868;
+}
+
+#dash .dash-item-container .app-grid-running-dot {
+  margin-bottom: 21px;
+}
+
+#dash .dash-separator {
+  width: 1px;
+  margin-left: 4px;
+  margin-right: 4px;
+  background-color: rgba(245, 245, 245, 0.1);
+}
+
+#dash .dash-separator,
+#dash .dash-background {
+  margin-bottom: 12px;
+}
+
+.dash-label {
+  -y-offset: 8px;
+}
+
+/* App Grid */
+.icon-grid {
+  row-spacing: 12px;
+  column-spacing: 12px;
+  max-row-spacing: 36px;
+  max-column-spacing: 36px;
+  page-padding-top: 24px;
+  page-padding-bottom: 24px;
+  page-padding-left: 18px;
+  page-padding-right: 18px;
+}
+
+/* App Icons */
+.overview-tile, .grid-search-result {
+  color: whitesmoke;
+  background-color: #282828;
+  border-radius: 24px;
+  padding: 12px;
+}
+
+.overview-tile:focus, .grid-search-result:focus {
+  color: whitesmoke;
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: rgba(52, 53, 95, 0.2875);
+}
+
+.overview-tile:focus:hover, .grid-search-result:focus:hover {
+  background-color: #3b3b43;
+}
+
+.overview-tile:hover, .grid-search-result:hover {
+  color: whitesmoke;
+  background-color: #3a3a3a;
+}
+
+.overview-tile:active, .grid-search-result:active {
+  color: whitesmoke;
+  background-color: #3f3f3f;
+}
+
+.overview-tile:active:hover, .grid-search-result:active:hover {
+  background-color: #515151;
+}
+
+.overview-tile:active:focus, .grid-search-result:active:focus {
+  background-color: #404048;
+}
+
+.overview-tile:highlighted, .grid-search-result:highlighted, .overview-tile:selected, .grid-search-result:selected, .overview-tile:checked, .grid-search-result:checked {
+  color: whitesmoke;
+  background-color: #3c3c3c;
+}
+
+.overview-tile:highlighted:hover, .grid-search-result:highlighted:hover, .overview-tile:selected:hover, .grid-search-result:selected:hover, .overview-tile:checked:hover, .grid-search-result:checked:hover {
+  background-color: #4e4e4e;
+}
+
+.overview-tile:highlighted:active, .grid-search-result:highlighted:active, .overview-tile:selected:active, .grid-search-result:selected:active, .overview-tile:checked:active, .grid-search-result:checked:active {
+  background-color: #535353;
+}
+
+.overview-tile:insensitive, .grid-search-result:insensitive {
+  color: rgba(245, 245, 245, 0.5);
+  background-color: #282828;
+}
+
+.overview-tile:drop, .grid-search-result:drop {
+  background-color: rgba(86, 87, 245, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.8);
+}
+
+.overview-tile .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
+  spacing: 6px;
+}
+
+.app-folder {
+  color: whitesmoke;
+  background-color: #3a3a3a;
+}
+
+.app-folder:focus {
+  color: whitesmoke;
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: #3b3b43;
+}
+
+.app-folder:focus:hover {
+  background-color: #45454d;
+}
+
+.app-folder:hover {
+  color: whitesmoke;
+  background-color: #444444;
+}
+
+.app-folder:active {
+  color: whitesmoke;
+  background-color: #515151;
+}
+
+.app-folder:active:hover {
+  background-color: #5b5b5b;
+}
+
+.app-folder:active:focus {
+  background-color: #515159;
+}
+
+.app-folder:highlighted, .app-folder:selected, .app-folder:checked {
+  color: whitesmoke;
+  background-color: #4e4e4e;
+}
+
+.app-folder:highlighted:hover, .app-folder:selected:hover, .app-folder:checked:hover {
+  background-color: #595959;
+}
+
+.app-folder:highlighted:active, .app-folder:selected:active, .app-folder:checked:active {
+  background-color: #656565;
+}
+
+.app-folder:insensitive {
+  color: rgba(245, 245, 245, 0.5);
+  background-color: #323232;
+}
+
+.app-folder:drop {
+  background-color: rgba(86, 87, 245, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.8);
+}
+
+.app-grid-running-dot {
+  height: 5px;
+  width: 5px;
+  border-radius: 5px;
+  background-color: whitesmoke;
+  margin-bottom: 2px;
+}
+
+.app-folder-dialog-container {
+  padding-top: 2.2em;
+}
+
+.app-folder-dialog {
+  width: 720px;
+  height: 720px;
+  border-radius: 64px;
+  background-color: #3d3d3d;
+  color: whitesmoke;
+  padding: 0;
+  box-shadow: none;
+}
+
+.app-folder-dialog .folder-name-container {
+  padding: 24px 36px;
+  padding-bottom: 0;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  width: 12em;
+}
+
+.app-folder-dialog .icon-button, .app-folder-dialog .login-dialog-button.cancel-button, .app-folder-dialog .login-dialog-button.switch-user-button, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button, .app-folder-dialog .calendar .calendar-month-header .pager-button, .calendar .calendar-month-header .app-folder-dialog .pager-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button,
+.app-folder-dialog .message .message-header .message-close-button,
+.message .message-header .app-folder-dialog .message-close-button, .app-folder-dialog .screenshot-ui-show-pointer-button {
+  color: whitesmoke;
+  background-color: #4e4e4e;
+}
+
+.app-folder-dialog .icon-button:hover, .app-folder-dialog .login-dialog-button.cancel-button:hover, .app-folder-dialog .login-dialog-button.switch-user-button:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover,
+.app-folder-dialog .message .message-header .message-close-button:hover,
+.message .message-header .app-folder-dialog .message-close-button:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:hover {
+  color: whitesmoke;
+  background-color: #585858;
+}
+
+.app-folder-dialog .icon-button:active, .app-folder-dialog .login-dialog-button.cancel-button:active, .app-folder-dialog .login-dialog-button.switch-user-button:active, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active, .app-folder-dialog .calendar .calendar-month-header .pager-button:active, .calendar .calendar-month-header .app-folder-dialog .pager-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active,
+.app-folder-dialog .message .message-header .message-close-button:active,
+.message .message-header .app-folder-dialog .message-close-button:active, .app-folder-dialog .screenshot-ui-show-pointer-button:active {
+  color: whitesmoke;
+  background-color: #656565;
+}
+
+.app-folder-dialog .icon-button:active:hover, .app-folder-dialog .login-dialog-button.cancel-button:active:hover, .app-folder-dialog .login-dialog-button.switch-user-button:active:hover, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:hover, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:hover, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:hover, .app-folder-dialog .message .message-header .message-expand-button:active:hover, .message .message-header .app-folder-dialog .message-expand-button:active:hover,
+.app-folder-dialog .message .message-header .message-close-button:active:hover,
+.message .message-header .app-folder-dialog .message-close-button:active:hover, .app-folder-dialog .screenshot-ui-show-pointer-button:active:hover {
+  background-color: #6f6f6f;
+}
+
+.app-folder-dialog .icon-button:active:focus, .app-folder-dialog .login-dialog-button.cancel-button:active:focus, .app-folder-dialog .login-dialog-button.switch-user-button:active:focus, .app-folder-dialog .login-dialog-button.login-dialog-session-list-button:active:focus, .app-folder-dialog .calendar .calendar-month-header .pager-button:active:focus, .calendar .calendar-month-header .app-folder-dialog .pager-button:active:focus, .app-folder-dialog .message .message-header .message-expand-button:active:focus, .message .message-header .app-folder-dialog .message-expand-button:active:focus,
+.app-folder-dialog .message .message-header .message-close-button:active:focus,
+.message .message-header .app-folder-dialog .message-close-button:active:focus, .app-folder-dialog .screenshot-ui-show-pointer-button:active:focus {
+  background-color: #64646c;
+}
+
+.app-folder-dialog .page-indicators {
+  margin-bottom: 24px;
+}
+
+.app-folder-dialog .page-navigation-arrow {
+  color: whitesmoke;
+  background-color: #3d3d3d;
+}
+
+.app-folder-dialog .page-navigation-arrow:hover {
+  color: whitesmoke;
+  background-color: #4f4f4f;
+}
+
+.app-folder-dialog .page-navigation-arrow:active {
+  color: whitesmoke;
+  background-color: #545454;
+}
+
+.app-folder-dialog .page-navigation-arrow:active:hover {
+  background-color: #666666;
+}
+
+.app-folder-dialog .page-navigation-arrow:active:focus {
+  background-color: #54545c;
+}
+
+.app-folder-dialog .overview-tile, .app-folder-dialog .grid-search-result {
+  color: whitesmoke;
+  background-color: #3d3d3d;
+}
+
+.app-folder-dialog .overview-tile:focus, .app-folder-dialog .grid-search-result:focus {
+  color: whitesmoke;
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: rgba(68, 68, 111, 0.2875);
+}
+
+.app-folder-dialog .overview-tile:focus:hover, .app-folder-dialog .grid-search-result:focus:hover {
+  background-color: #4f4f57;
+}
+
+.app-folder-dialog .overview-tile:hover, .app-folder-dialog .grid-search-result:hover {
+  color: whitesmoke;
+  background-color: #4f4f4f;
+}
+
+.app-folder-dialog .overview-tile:active, .app-folder-dialog .grid-search-result:active {
+  color: whitesmoke;
+  background-color: #545454;
+}
+
+.app-folder-dialog .overview-tile:active:hover, .app-folder-dialog .grid-search-result:active:hover {
+  background-color: #666666;
+}
+
+.app-folder-dialog .overview-tile:active:focus, .app-folder-dialog .grid-search-result:active:focus {
+  background-color: #54545c;
+}
+
+.app-folder-dialog .overview-tile:highlighted, .app-folder-dialog .grid-search-result:highlighted, .app-folder-dialog .overview-tile:selected, .app-folder-dialog .grid-search-result:selected, .app-folder-dialog .overview-tile:checked, .app-folder-dialog .grid-search-result:checked {
+  color: whitesmoke;
+  background-color: #515151;
+}
+
+.app-folder-dialog .overview-tile:highlighted:hover, .app-folder-dialog .grid-search-result:highlighted:hover, .app-folder-dialog .overview-tile:selected:hover, .app-folder-dialog .grid-search-result:selected:hover, .app-folder-dialog .overview-tile:checked:hover, .app-folder-dialog .grid-search-result:checked:hover {
+  background-color: #636363;
+}
+
+.app-folder-dialog .overview-tile:highlighted:active, .app-folder-dialog .grid-search-result:highlighted:active, .app-folder-dialog .overview-tile:selected:active, .app-folder-dialog .grid-search-result:selected:active, .app-folder-dialog .overview-tile:checked:active, .app-folder-dialog .grid-search-result:checked:active {
+  background-color: #686868;
+}
+
+.app-folder-dialog .overview-tile:insensitive, .app-folder-dialog .grid-search-result:insensitive {
+  color: rgba(245, 245, 245, 0.5);
+  background-color: #3d3d3d;
+}
+
+.app-folder-dialog .overview-tile:drop, .app-folder-dialog .grid-search-result:drop {
+  background-color: rgba(86, 87, 245, 0.2);
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.8);
+}
+
+.rename-folder-popup .rename-folder-popup-item {
+  spacing: 6px;
+}
+
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
+  padding: 0 12px;
+}
+
+.page-indicator {
+  padding: 6px 12px 0;
+  transition-duration: 400ms;
+}
+
+.page-indicator .page-indicator-icon {
+  width: 10px;
+  height: 10px;
+  border-radius: 999px;
+  background-color: whitesmoke;
+  transition-duration: 400ms;
+}
+
+.apps-scroll-view {
+  padding: 0;
+}
+
+.system-action-icon {
+  background-color: rgba(245, 245, 245, 0.1);
+  color: whitesmoke;
+  border-radius: 999px;
+  icon-size: 48px;
+}
+
+.page-navigation-hint.dnd {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
+  background-gradient-start: rgba(255, 255, 255, 0.05);
+  background-gradient-end: transparent;
+  background-gradient-direction: horizontal;
+  border-radius: 24px 0px 0px 24px;
+}
+
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
+  background-gradient-start: transparent;
+  background-gradient-end: rgba(255, 255, 255, 0.05);
+  background-gradient-direction: horizontal;
+  border-radius: 0px 24px 24px 0px;
+}
+
+.page-navigation-arrow {
+  margin: 6px;
+  padding: 18px;
+  width: 24px;
+  height: 24px;
+  border-radius: 999px;
+  transition-duration: 100ms;
+  color: whitesmoke;
+  background-color: #282828;
+}
+
+.page-navigation-arrow > StIcon {
+  color: whitesmoke;
+}
+
+.page-navigation-arrow:hover {
+  color: whitesmoke;
+  background-color: #3a3a3a;
+}
+
+.page-navigation-arrow:active {
+  color: whitesmoke;
+  background-color: #3f3f3f;
+}
+
+.page-navigation-arrow:active:hover {
+  background-color: #515151;
+}
+
+.page-navigation-arrow:active:focus {
+  background-color: #404048;
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+  visible-width: 32px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+.workspace-thumbnails .workspace-thumbnail {
+  color: whitesmoke;
+  background-color: #4e4e4e;
+  border-radius: 4px;
+  border: 1px solid transparent;
+}
+
+.workspace-thumbnails .placeholder {
+  background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg");
+  background-size: contain;
+  width: 18px;
+}
+
+.workspace-thumbnail-indicator {
+  border: 3px solid #5657f5;
+  border-radius: 8px;
+}
+
+.ripple-pointer-location {
+  width: 50px;
+  height: 50px;
+  border-radius: 25px;
+  background-color: rgba(230, 231, 254, 0.3);
+  box-shadow: 0 0 2px 2px #b6b7fb;
+}
+
+.pie-timer {
+  width: 60px;
+  height: 60px;
+  -pie-border-width: 3px;
+  -pie-border-color: #5657f5;
+  -pie-background-color: rgba(255, 255, 255, 0.3);
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #5657f5;
+}
+
+.magnifier-zoom-region.full-screen {
+  border-width: 0;
+}
+
+.select-area-rubberband {
+  background-color: rgba(86, 87, 245, 0.3);
+  border: 1px solid #5657f5;
+}
+
+.user-icon {
+  background-size: contain;
+  border-radius: 999px;
+  icon-size: 64px;
+  background-color: rgba(255, 255, 255, 0.05);
+  color: #ffffff;
+}
+
+.user-icon StIcon {
+  padding: 12px;
+}
+
+.user-icon.user-avatar {
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.lightbox {
+  background-color: black;
+}
+
+.flashspot {
+  background-color: white;
+}
+
+.hidden {
+  color: transparent;
+}
+
+.caps-lock-warning-label {
+  text-align: center;
+  padding-bottom: 8px;
+  color: #f6d32d;
+}
+
+/* Workspace animation */
+.workspace-animation {
+  background-color: #353535;
+}
+
+/* Tiled window previews */
+.tile-preview {
+  background-color: rgba(86, 87, 245, 0.5);
+  border: 1px solid #5657f5;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+  background-color: #353535;
+  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.02);
+}
+
+#keyboard .page-indicator {
+  padding: 6px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+  width: 8px;
+  height: 8px;
+}
+
+.key-container {
+  padding: 4px;
+  spacing: 4px;
+}
+
+.keyboard-key {
+  font-size: 1.455em;
+  font-weight: bold;
+  min-height: 1.2em;
+  min-width: 1.2em;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 10px;
+  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
+  color: #ffffff;
+  background-color: #5d5d5d;
+}
+
+.keyboard-key:focus {
+  color: #ffffff;
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: #484850;
+}
+
+.keyboard-key:focus:hover {
+  background-color: #515159;
+}
+
+.keyboard-key:hover {
+  color: #ffffff;
+  background-color: #676767;
+}
+
+.keyboard-key:active {
+  color: #ffffff;
+  background-color: #747474;
+}
+
+.keyboard-key:active:hover {
+  background-color: #7e7e7e;
+}
+
+.keyboard-key:active:focus {
+  background-color: #72737a;
+}
+
+.keyboard-key:checked {
+  color: #ffffff;
+  background-color: #717171;
+}
+
+.keyboard-key:checked:hover {
+  background-color: #7c7c7c;
+}
+
+.keyboard-key:checked:active {
+  background-color: #888888;
+}
+
+.keyboard-key:grayed {
+  background-color: #2d2d2d;
+  color: #ffffff;
+  border-color: rgba(255, 255, 255, 0.1);
+}
+
+.keyboard-key.default-key {
+  color: #ffffff;
+  background-color: #454545;
+  border-radius: 10px;
+}
+
+.keyboard-key.default-key:hover {
+  color: #ffffff;
+  background-color: #4f4f4f;
+}
+
+.keyboard-key.default-key:active {
+  color: #ffffff;
+  background-color: #5c5c5c;
+}
+
+.keyboard-key.default-key:active:hover {
+  background-color: #666666;
+}
+
+.keyboard-key.default-key:active:focus {
+  background-color: #5c5c64;
+}
+
+.keyboard-key.default-key:checked {
+  color: #ffffff;
+  background-color: #595959;
+}
+
+.keyboard-key.default-key:checked:hover {
+  background-color: #646464;
+}
+
+.keyboard-key.default-key:checked:active {
+  background-color: #707070;
+}
+
+.keyboard-key.default-key:latched {
+  border-color: #6e6ff6;
+  background-color: #5657f5;
+}
+
+.keyboard-key.enter-key {
+  color: #ffffff;
+  background-color: #6566f6;
+  border-radius: 10px;
+  color: #ffffff;
+}
+
+.keyboard-key.enter-key:hover {
+  color: #ffffff;
+  background-color: #7879f7;
+}
+
+.keyboard-key.enter-key:active {
+  color: #ffffff;
+  background-color: #9091f9;
+}
+
+.keyboard-key.enter-key:active:hover {
+  background-color: #a4a4fa;
+}
+
+.keyboard-key.enter-key:active:focus {
+  background-color: #8d8ef8;
+}
+
+.keyboard-key.enter-key:checked {
+  color: #ffffff;
+  background-color: #8c8cf8;
+}
+
+.keyboard-key.enter-key:checked:hover {
+  background-color: #9f9ff9;
+}
+
+.keyboard-key.enter-key:checked:active {
+  background-color: #b7b7fb;
+}
+
+.keyboard-key.shift-key-uppercase {
+  background-color: gray;
+  color: #353535;
+}
+
+.keyboard-key.shift-key-uppercase:hover {
+  background-color: #8c8c8c;
+  color: #424242;
+}
+
+.keyboard-key StIcon {
+  icon-size: 24px;
+}
+
+.keyboard-subkeys {
+  -arrow-border-radius: 16px;
+  -arrow-background-color: #353535;
+  -arrow-border-width: 1px;
+  -arrow-border-color: #4c4c4c;
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 6px;
+  padding: 6px;
+}
+
+.keyboard-subkeys .keyboard-key {
+  color: #ffffff;
+  background-color: #5d5d5d;
+  border-radius: 10px;
+}
+
+.keyboard-subkeys .keyboard-key:focus {
+  color: #ffffff;
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: #484850;
+}
+
+.keyboard-subkeys .keyboard-key:focus:hover {
+  background-color: #515159;
+}
+
+.keyboard-subkeys .keyboard-key:hover {
+  color: #ffffff;
+  background-color: #676767;
+}
+
+.keyboard-subkeys .keyboard-key:active {
+  color: #ffffff;
+  background-color: #747474;
+}
+
+.keyboard-subkeys .keyboard-key:active:hover {
+  background-color: #7e7e7e;
+}
+
+.keyboard-subkeys .keyboard-key:active:focus {
+  background-color: #72737a;
+}
+
+.keyboard-subkeys .keyboard-key:checked {
+  color: #ffffff;
+  background-color: #717171;
+}
+
+.keyboard-subkeys .keyboard-key:checked:hover {
+  background-color: #7c7c7c;
+}
+
+.keyboard-subkeys .keyboard-key:checked:active {
+  background-color: #888888;
+}
+
+.emoji-page .keyboard-key {
+  background-color: transparent;
+  border: none;
+  color: initial;
+}
+
+.emoji-panel .keyboard-key:latched {
+  border-color: #6e6ff6;
+  background-color: #5657f5;
+}
+
+.word-suggestions {
+  spacing: 12px;
+  min-height: 17pt;
+  padding: 12px;
+  color: #ffffff;
+}
+
+.word-suggestions StButton {
+  margin: 0 3px;
+  min-width: 32px;
+  border-radius: 4px;
+  padding: 0px 18px;
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: none;
+}
+
+.word-suggestions StButton:insensitive {
+  background-color: transparent !important;
+}
+
+.word-suggestions StButton:focus {
+  color: #ffffff;
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: #484850;
+}
+
+.word-suggestions StButton:focus:hover {
+  background-color: #515159;
+}
+
+.word-suggestions StButton:hover {
+  color: #ffffff;
+  background-color: #676767;
+}
+
+.word-suggestions StButton:active {
+  color: #ffffff;
+  background-color: #747474;
+}
+
+.word-suggestions StButton:active:hover {
+  background-color: #7e7e7e;
+}
+
+.word-suggestions StButton:active:focus {
+  background-color: #72737a;
+}
+
+.word-suggestions StButton:checked {
+  color: #ffffff;
+  background-color: #717171;
+}
+
+.word-suggestions StButton:checked:hover {
+  background-color: #7c7c7c;
+}
+
+.word-suggestions StButton:checked:active {
+  background-color: #888888;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+  background-color: rgba(53, 53, 53, 0.98);
+  color: #ffffff;
+  border-radius: 16px;
+  margin-top: 4px;
+  border: 2px solid transparent;
+  padding: 6px;
+  spacing: 6px;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
+}
+
+#LookingGlassDialog > #Toolbar {
+  border: none;
+  padding: 6px;
+  border-radius: 0;
+  background-color: transparent;
+  spacing: 6px;
+}
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button {
+  padding: 6px 12px;
+}
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon {
+  icon-size: 16px;
+}
+
+#LookingGlassDialog .labels {
+  spacing: 6px;
+}
+
+#LookingGlassDialog .notebook-tab {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 12px;
+  padding: 6px 12px;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+  padding: 4px;
+  spacing: 6px;
+  padding: 6px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+  spacing: 6px;
+  padding: 6px;
+}
+
+.lg-dialog StEntry {
+  min-height: 1.5em;
+}
+
+.lg-dialog .shell-link {
+  color: #64B5F6;
+}
+
+.lg-dialog .shell-link:hover {
+  color: #94ccf9;
+}
+
+.lg-dialog .shell-link:active {
+  color: #349ef3;
+}
+
+.lg-dialog .actor-link {
+  color: #9a9a9a;
+}
+
+.lg-dialog .actor-link:hover {
+  color: #cdcdcd;
+}
+
+.lg-dialog .actor-link:active {
+  color: #676767;
+}
+
+.lg-dialog .actor-link StIcon {
+  icon-size: 12px;
+}
+
+.lg-completions-text {
+  font-style: italic;
+}
+
+.lg-obj-inspector-title {
+  spacing: 6px;
+}
+
+.lg-obj-inspector-button {
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  padding: 4px;
+  border-radius: 8px;
+}
+
+.lg-obj-inspector-button:hover {
+  border: 1px solid #ffffff;
+}
+
+#lookingGlassExtensions {
+  padding: 6px;
+}
+
+.lg-extensions-list {
+  padding: 6px;
+  spacing: 6px;
+}
+
+.lg-extension-meta {
+  spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+  background: #353535;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 8px;
+  padding: 6px;
+}
+
+.lg-debug-flag-button {
+  color: #ffffff;
+}
+
+.lg-debug-flag-button StLabel {
+  padding: 6px, 12px;
+}
+
+.lg-debug-flag-button:hover {
+  color: white;
+}
+
+.lg-debug-flag-button:active {
+  color: #cccccc;
+}
+
+.lg-debug-flags-header {
+  padding-top: 12px;
+  padding: 6px;
+}
+
+.login-dialog,
+.unlock-dialog {
+  color: whitesmoke;
+}
+
+.login-dialog .caps-lock-warning-label,
+.login-dialog .login-dialog-message-warning,
+.unlock-dialog .caps-lock-warning-label,
+.unlock-dialog .login-dialog-message-warning {
+  color: whitesmoke;
+}
+
+.login-dialog .login-dialog-prompt-layout,
+.unlock-dialog .login-dialog-prompt-layout {
+  width: 25em;
+  spacing: 9px;
+}
+
+.login-dialog-button.cancel-button {
+  padding: 9px;
+}
+
+.login-dialog-button-box {
+  spacing: 12px;
+}
+
+.conflicting-session-dialog-content {
+  spacing: 20px;
+}
+
+.conflicting-session-dialog-content .conflicting-session-dialog-title {
+  text-align: center;
+  margin-bottom: 5px;
+}
+
+.conflicting-session-dialog-content .conflicting-session-dialog-desc {
+  text-align: center;
+}
+
+.conflicting-session-dialog-content .conflicting-session-dialog-desc-warning {
+  text-align: center;
+  color: #f6d32d;
+}
+
+.login-dialog-logo-bin {
+  margin: 3em 0;
+}
+
+.login-dialog-banner-view {
+  max-width: 25em;
+}
+
+.login-dialog-banner-view .login-dialog-banner {
+  color: gainsboro;
+}
+
+.login-dialog-message {
+  text-align: center;
+}
+
+.login-dialog-user-selection-box {
+  padding-top: 4em;
+  padding-bottom: 8em;
+}
+
+.login-dialog-not-listed-label {
+  padding: 6px;
+}
+
+.login-dialog-not-listed-button {
+  color: whitesmoke;
+  background-color: #282828;
+  padding: 0 6px;
+  margin: 6px;
+}
+
+.login-dialog-not-listed-button:focus {
+  color: whitesmoke;
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: rgba(52, 53, 95, 0.2875);
+}
+
+.login-dialog-not-listed-button:focus:hover {
+  background-color: #3b3b43;
+}
+
+.login-dialog-not-listed-button:hover {
+  color: whitesmoke;
+  background-color: #3a3a3a;
+}
+
+.login-dialog-not-listed-button:active {
+  color: whitesmoke;
+  background-color: #3f3f3f;
+}
+
+.login-dialog-not-listed-button:active:hover {
+  background-color: #515151;
+}
+
+.login-dialog-not-listed-button:active:focus {
+  background-color: #404048;
+}
+
+.login-dialog-auth-list-view {
+  -st-vfade-offset: 3em;
+}
+
+.login-dialog-auth-list {
+  spacing: 6px;
+  margin-left: 2em;
+}
+
+.login-dialog-auth-list-title {
+  margin-left: 2em;
+}
+
+.login-dialog-auth-list-item {
+  border-radius: 16px;
+  padding: 4px;
+  color: darkgray;
+}
+
+.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
+  background-color: #5657f5;
+  color: #ffffff;
+}
+
+.login-dialog-auth-list-label:ltr {
+  padding-left: 15px;
+  text-align: left;
+}
+
+.login-dialog-auth-list-label:rtl {
+  padding-right: 15px;
+  text-align: right;
+}
+
+.login-dialog-user-list-view {
+  width: 25em;
+  -st-vfade-offset: 3em;
+}
+
+.login-dialog-user-list-view .login-dialog-user-list {
+  margin: 0 8px;
+  spacing: 12px;
+}
+
+.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item {
+  color: whitesmoke;
+  background-color: #3a3a3a;
+  border-radius: 16px;
+  padding: 9px;
+}
+
+.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus {
+  color: whitesmoke;
+  box-shadow: inset 0 0 0 2px rgba(86, 87, 245, 0.5) !important;
+  border: 2px solid rgba(86, 87, 245, 0.5);
+  box-shadow: none !important;
+  background-color: #3b3b43;
+}
+
+.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:selected:hover, .login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:focus:hover {
+  background-color: #45454d;
+}
+
+.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:hover {
+  color: whitesmoke;
+  background-color: #444444;
+}
+
+.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active {
+  color: whitesmoke;
+  background-color: #515151;
+}
+
+.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:hover {
+  background-color: #5b5b5b;
+}
+
+.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:active:focus {
+  background-color: #515159;
+}
+
+.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .user-icon {
+  border: 2px solid transparent;
+}
+
+.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item .login-dialog-timed-login-indicator {
+  height: 2px;
+  margin-top: 6px;
+  background-color: rgba(245, 245, 245, 0.7);
+}
+
+.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon {
+  border-color: #5657f5;
+}
+
+.login-dialog-user-list-view .login-dialog-user-list .login-dialog-user-list-item:logged-in .user-icon StIcon {
+  background-color: rgba(86, 87, 245, 0.3);
+}
+
+.unlock-dialog {
+  background-color: transparent;
+}
+
+.screen-shield-background {
+  background: black;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
+}
+
+#lockDialogGroup {
+  background-color: #282828;
+}
+
+.unlock-dialog-clock {
+  color: whitesmoke;
+  spacing: 2em;
+}
+
+.unlock-dialog-clock .unlock-dialog-clock-time {
+  font-size: 6.546em;
+  font-weight: 200;
+}
+
+.unlock-dialog-clock .unlock-dialog-clock-date {
+  font-weight: 400;
+}
+
+.unlock-dialog-clock .unlock-dialog-clock-hint {
+  margin-top: 2em;
+  padding: 6px 18px;
+  border-radius: 16px;
+  font-weight: bold;
+}
+
+#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
+  background-color: rgba(53, 53, 53, 0.3);
+}
+
+#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
+  background-color: rgba(53, 53, 53, 0.5);
+}
+
+#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
+  background-color: rgba(86, 87, 245, 0.5);
+}
+
+.unlock-dialog-notifications-container {
+  margin: 12px;
+  spacing: 6px;
+  width: 25em;
+  background-color: transparent;
+}
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.unlock-dialog-notifications-container .notification,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source {
+  padding: 12px 16px;
+  border: none;
+  background-color: rgba(245, 245, 245, 0.1);
+  color: whitesmoke;
+  border-radius: 16px;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
+  background-color: rgba(245, 245, 245, 0.2);
+}
+
+.unlock-dialog-notification-icon {
+  icon-size: 32px;
+}
+
+.unlock-dialog-notification-label {
+  padding-left: 12px;
+  padding-right: 0;
+}
+
+.unlock-dialog-notification-label:rtl {
+  padding-right: 12px;
+  padding-left: 0;
+}
+
+.unlock-dialog-notification-count-text {
+  font-weight: bold;
+  padding: 0 12px;
+  color: whitesmoke;
+  background-color: rgba(245, 245, 245, 0.1);
+  border-radius: 999px;
+}
+
+.login-dialog .user-widget .user-widget-label,
+.unlock-dialog .user-widget .user-widget-label {
+  color: whitesmoke;
+}
+
+.login-dialog .user-widget .user-icon,
+.unlock-dialog .user-widget .user-icon {
+  background-color: rgba(245, 245, 245, 0.13);
+  color: whitesmoke;
+}
+
+.login-dialog .user-widget.horizontal,
+.unlock-dialog .user-widget.horizontal {
+  spacing: 18px;
+}
+
+.login-dialog .user-widget.vertical,
+.unlock-dialog .user-widget.vertical {
+  spacing: 24px;
+}
+
+.login-dialog .user-widget.vertical .user-widget-label,
+.unlock-dialog .user-widget.vertical .user-widget-label {
+  text-align: center;
+  margin-bottom: .75em;
+}
+
+.login-dialog .user-widget.vertical .user-icon,
+.unlock-dialog .user-widget.vertical .user-icon {
+  icon-size: 160px;
+}
+
+.login-dialog .user-widget.vertical .user-icon StIcon,
+.unlock-dialog .user-widget.vertical .user-icon StIcon {
+  padding: 24px;
+}
diff --git a/gnome-shell/message-indicator-symbolic.svg b/gnome-shell/message-indicator-symbolic.svg
new file mode 100644
index 0000000..a93cc63
--- /dev/null
+++ b/gnome-shell/message-indicator-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <rect x="4" y="4" width="8" height="8" ry="4"/>
+</svg>
diff --git a/gnome-shell/no-events.svg b/gnome-shell/no-events.svg
new file mode 120000
index 0000000..d2fcad0
--- /dev/null
+++ b/gnome-shell/no-events.svg
@@ -0,0 +1 @@
+assets/no-events.svg
\ No newline at end of file
diff --git a/gnome-shell/no-notifications.svg b/gnome-shell/no-notifications.svg
new file mode 120000
index 0000000..175731c
--- /dev/null
+++ b/gnome-shell/no-notifications.svg
@@ -0,0 +1 @@
+assets/no-notifications.svg
\ No newline at end of file
diff --git a/gnome-shell/noise-texture.png b/gnome-shell/noise-texture.png
new file mode 100644
index 0000000..ca1563d
Binary files /dev/null and b/gnome-shell/noise-texture.png differ
diff --git a/gnome-shell/pad-osd.css b/gnome-shell/pad-osd.css
new file mode 100644
index 0000000..31c2377
--- /dev/null
+++ b/gnome-shell/pad-osd.css
@@ -0,0 +1,30 @@
+.Leader {
+    stroke-width: .5 !important;
+    stroke: #535353;
+    fill: none !important;
+}
+
+.Button {
+    stroke-width: .25;
+    stroke: #ededed;
+    fill: #ededed;
+}
+
+.Ring {
+    stroke-width: .5 !important;
+    stroke: #535353 !important;
+    fill: none !important;
+}
+
+.Label {
+    stroke: none !important;
+    stroke-width: .1 !important;
+    font-size: .1 !important;
+    fill: transparent !important;
+}
+
+.TouchStrip, .TouchRing {
+    stroke-width: .1 !important;
+    stroke: #ededed !important;
+    fill: #535353 !important;
+}
diff --git a/gnome-shell/process-working.svg b/gnome-shell/process-working.svg
new file mode 120000
index 0000000..a6586c3
--- /dev/null
+++ b/gnome-shell/process-working.svg
@@ -0,0 +1 @@
+assets/process-working.svg
\ No newline at end of file
diff --git a/gtk-2.0/apps.rc b/gtk-2.0/apps.rc
new file mode 100644
index 0000000..f48b013
--- /dev/null
+++ b/gtk-2.0/apps.rc
@@ -0,0 +1,92 @@
+# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et:
+#
+# This file, unlike hacks.rc, contains legitimate cases we need to handle, e.g.
+# custom widgets, programs giving us a chance to alter their UI to fit more with
+# the theme or stuff that is supposed to look different, like panels.
+
+# TODO: This could really look nicer
+style "gimp_spin_scale" {
+  # Spin background
+  bg[NORMAL] = @base_color
+
+  engine "pixmap" {
+    image {
+      function        = BOX
+      state           = NORMAL
+      detail          = "spinbutton_up"
+      overlay_file    = "assets/pan-up-alt.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_up"
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = ACTIVE
+      detail          = "spinbutton_up"
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = INSENSITIVE
+      detail          = "spinbutton_up"
+      overlay_file    = "assets/pan-up-alt-insensitive.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = NORMAL
+      detail          = "spinbutton_down"
+      overlay_file    = "assets/pan-down-alt.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_down"
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = ACTIVE
+      detail          = "spinbutton_down"
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = INSENSITIVE
+      detail          = "spinbutton_down"
+      overlay_file    = "assets/pan-down-alt-insensitive.png"
+      overlay_stretch = FALSE
+    }
+  }
+}
+
+style "chrome_gtk_frame" {
+  ChromeGtkFrame::frame-color                    = @titlebar_bg_color
+  ChromeGtkFrame::inactive-frame-color           = @titlebar_bg_color
+  ChromeGtkFrame::incognito-frame-color          = @titlebar_bg_color
+  ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+  ChromeGtkFrame::frame-gradient-size = 0
+}
+
+# Disable spin button assets for GimpSpinScale
+class "GimpSpinScale" style "gimp_spin_scale"
+
+# Chromium lets us define some colours and settings for better integration
+class "ChromeGtkFrame" style "chrome_gtk_frame"
diff --git a/gtk-2.0/assets/border.png b/gtk-2.0/assets/border.png
new file mode 100644
index 0000000..d16dd16
Binary files /dev/null and b/gtk-2.0/assets/border.png differ
diff --git a/gtk-2.0/assets/button-active.png b/gtk-2.0/assets/button-active.png
new file mode 100644
index 0000000..f37325e
Binary files /dev/null and b/gtk-2.0/assets/button-active.png differ
diff --git a/gtk-2.0/assets/button-hover.png b/gtk-2.0/assets/button-hover.png
new file mode 100644
index 0000000..53eca72
Binary files /dev/null and b/gtk-2.0/assets/button-hover.png differ
diff --git a/gtk-2.0/assets/button-insensitive.png b/gtk-2.0/assets/button-insensitive.png
new file mode 100644
index 0000000..04f9edb
Binary files /dev/null and b/gtk-2.0/assets/button-insensitive.png differ
diff --git a/gtk-2.0/assets/button.png b/gtk-2.0/assets/button.png
new file mode 100644
index 0000000..bd615d6
Binary files /dev/null and b/gtk-2.0/assets/button.png differ
diff --git a/gtk-2.0/assets/checkbox-checked-active.png b/gtk-2.0/assets/checkbox-checked-active.png
new file mode 100644
index 0000000..15cd10f
Binary files /dev/null and b/gtk-2.0/assets/checkbox-checked-active.png differ
diff --git a/gtk-2.0/assets/checkbox-checked-hover.png b/gtk-2.0/assets/checkbox-checked-hover.png
new file mode 100644
index 0000000..907e5e6
Binary files /dev/null and b/gtk-2.0/assets/checkbox-checked-hover.png differ
diff --git a/gtk-2.0/assets/checkbox-checked-insensitive.png b/gtk-2.0/assets/checkbox-checked-insensitive.png
new file mode 100644
index 0000000..37c82ac
Binary files /dev/null and b/gtk-2.0/assets/checkbox-checked-insensitive.png differ
diff --git a/gtk-2.0/assets/checkbox-checked.png b/gtk-2.0/assets/checkbox-checked.png
new file mode 100644
index 0000000..0d4c0a2
Binary files /dev/null and b/gtk-2.0/assets/checkbox-checked.png differ
diff --git a/gtk-2.0/assets/checkbox-mixed-active.png b/gtk-2.0/assets/checkbox-mixed-active.png
new file mode 100644
index 0000000..e76b753
Binary files /dev/null and b/gtk-2.0/assets/checkbox-mixed-active.png differ
diff --git a/gtk-2.0/assets/checkbox-mixed-hover.png b/gtk-2.0/assets/checkbox-mixed-hover.png
new file mode 100644
index 0000000..67e9425
Binary files /dev/null and b/gtk-2.0/assets/checkbox-mixed-hover.png differ
diff --git a/gtk-2.0/assets/checkbox-mixed-insensitive.png b/gtk-2.0/assets/checkbox-mixed-insensitive.png
new file mode 100644
index 0000000..e29c0d9
Binary files /dev/null and b/gtk-2.0/assets/checkbox-mixed-insensitive.png differ
diff --git a/gtk-2.0/assets/checkbox-mixed.png b/gtk-2.0/assets/checkbox-mixed.png
new file mode 100644
index 0000000..8aac829
Binary files /dev/null and b/gtk-2.0/assets/checkbox-mixed.png differ
diff --git a/gtk-2.0/assets/checkbox-unchecked-active.png b/gtk-2.0/assets/checkbox-unchecked-active.png
new file mode 100644
index 0000000..cdfe82c
Binary files /dev/null and b/gtk-2.0/assets/checkbox-unchecked-active.png differ
diff --git a/gtk-2.0/assets/checkbox-unchecked-hover.png b/gtk-2.0/assets/checkbox-unchecked-hover.png
new file mode 100644
index 0000000..1963aad
Binary files /dev/null and b/gtk-2.0/assets/checkbox-unchecked-hover.png differ
diff --git a/gtk-2.0/assets/checkbox-unchecked-insensitive.png b/gtk-2.0/assets/checkbox-unchecked-insensitive.png
new file mode 100644
index 0000000..01339df
Binary files /dev/null and b/gtk-2.0/assets/checkbox-unchecked-insensitive.png differ
diff --git a/gtk-2.0/assets/checkbox-unchecked.png b/gtk-2.0/assets/checkbox-unchecked.png
new file mode 100644
index 0000000..6d519eb
Binary files /dev/null and b/gtk-2.0/assets/checkbox-unchecked.png differ
diff --git a/gtk-2.0/assets/combo-ltr-button-active.png b/gtk-2.0/assets/combo-ltr-button-active.png
new file mode 100644
index 0000000..ae4197f
Binary files /dev/null and b/gtk-2.0/assets/combo-ltr-button-active.png differ
diff --git a/gtk-2.0/assets/combo-ltr-button-hover.png b/gtk-2.0/assets/combo-ltr-button-hover.png
new file mode 100644
index 0000000..c4658a8
Binary files /dev/null and b/gtk-2.0/assets/combo-ltr-button-hover.png differ
diff --git a/gtk-2.0/assets/combo-ltr-button-insensitive.png b/gtk-2.0/assets/combo-ltr-button-insensitive.png
new file mode 100644
index 0000000..dc10818
Binary files /dev/null and b/gtk-2.0/assets/combo-ltr-button-insensitive.png differ
diff --git a/gtk-2.0/assets/combo-ltr-button.png b/gtk-2.0/assets/combo-ltr-button.png
new file mode 100644
index 0000000..44fbe07
Binary files /dev/null and b/gtk-2.0/assets/combo-ltr-button.png differ
diff --git a/gtk-2.0/assets/combo-ltr-entry-active.png b/gtk-2.0/assets/combo-ltr-entry-active.png
new file mode 100644
index 0000000..0a00906
Binary files /dev/null and b/gtk-2.0/assets/combo-ltr-entry-active.png differ
diff --git a/gtk-2.0/assets/combo-ltr-entry-insensitive.png b/gtk-2.0/assets/combo-ltr-entry-insensitive.png
new file mode 100644
index 0000000..66840be
Binary files /dev/null and b/gtk-2.0/assets/combo-ltr-entry-insensitive.png differ
diff --git a/gtk-2.0/assets/combo-ltr-entry.png b/gtk-2.0/assets/combo-ltr-entry.png
new file mode 100644
index 0000000..66840be
Binary files /dev/null and b/gtk-2.0/assets/combo-ltr-entry.png differ
diff --git a/gtk-2.0/assets/combo-rtl-button-active.png b/gtk-2.0/assets/combo-rtl-button-active.png
new file mode 100644
index 0000000..a6f2929
Binary files /dev/null and b/gtk-2.0/assets/combo-rtl-button-active.png differ
diff --git a/gtk-2.0/assets/combo-rtl-button-hover.png b/gtk-2.0/assets/combo-rtl-button-hover.png
new file mode 100644
index 0000000..ad16410
Binary files /dev/null and b/gtk-2.0/assets/combo-rtl-button-hover.png differ
diff --git a/gtk-2.0/assets/combo-rtl-button-insensitive.png b/gtk-2.0/assets/combo-rtl-button-insensitive.png
new file mode 100644
index 0000000..6f2894f
Binary files /dev/null and b/gtk-2.0/assets/combo-rtl-button-insensitive.png differ
diff --git a/gtk-2.0/assets/combo-rtl-button.png b/gtk-2.0/assets/combo-rtl-button.png
new file mode 100644
index 0000000..4e94e26
Binary files /dev/null and b/gtk-2.0/assets/combo-rtl-button.png differ
diff --git a/gtk-2.0/assets/combo-rtl-entry-active.png b/gtk-2.0/assets/combo-rtl-entry-active.png
new file mode 100644
index 0000000..a709254
Binary files /dev/null and b/gtk-2.0/assets/combo-rtl-entry-active.png differ
diff --git a/gtk-2.0/assets/combo-rtl-entry-insensitive.png b/gtk-2.0/assets/combo-rtl-entry-insensitive.png
new file mode 100644
index 0000000..b2ab328
Binary files /dev/null and b/gtk-2.0/assets/combo-rtl-entry-insensitive.png differ
diff --git a/gtk-2.0/assets/combo-rtl-entry.png b/gtk-2.0/assets/combo-rtl-entry.png
new file mode 100644
index 0000000..b2ab328
Binary files /dev/null and b/gtk-2.0/assets/combo-rtl-entry.png differ
diff --git a/gtk-2.0/assets/entry-active.png b/gtk-2.0/assets/entry-active.png
new file mode 100644
index 0000000..92e4df3
Binary files /dev/null and b/gtk-2.0/assets/entry-active.png differ
diff --git a/gtk-2.0/assets/entry-background-insensitive.png b/gtk-2.0/assets/entry-background-insensitive.png
new file mode 100644
index 0000000..c4d934d
Binary files /dev/null and b/gtk-2.0/assets/entry-background-insensitive.png differ
diff --git a/gtk-2.0/assets/entry-background.png b/gtk-2.0/assets/entry-background.png
new file mode 100644
index 0000000..c4d934d
Binary files /dev/null and b/gtk-2.0/assets/entry-background.png differ
diff --git a/gtk-2.0/assets/entry-insensitive.png b/gtk-2.0/assets/entry-insensitive.png
new file mode 100644
index 0000000..cf97fe6
Binary files /dev/null and b/gtk-2.0/assets/entry-insensitive.png differ
diff --git a/gtk-2.0/assets/entry.png b/gtk-2.0/assets/entry.png
new file mode 100644
index 0000000..cf97fe6
Binary files /dev/null and b/gtk-2.0/assets/entry.png differ
diff --git a/gtk-2.0/assets/flat-button-active.png b/gtk-2.0/assets/flat-button-active.png
new file mode 100644
index 0000000..2df20d5
Binary files /dev/null and b/gtk-2.0/assets/flat-button-active.png differ
diff --git a/gtk-2.0/assets/flat-button-hover.png b/gtk-2.0/assets/flat-button-hover.png
new file mode 100644
index 0000000..91ca0cb
Binary files /dev/null and b/gtk-2.0/assets/flat-button-hover.png differ
diff --git a/gtk-2.0/assets/flat-button-insensitive.png b/gtk-2.0/assets/flat-button-insensitive.png
new file mode 100644
index 0000000..2e3cfdc
Binary files /dev/null and b/gtk-2.0/assets/flat-button-insensitive.png differ
diff --git a/gtk-2.0/assets/flat-button.png b/gtk-2.0/assets/flat-button.png
new file mode 100644
index 0000000..2e3cfdc
Binary files /dev/null and b/gtk-2.0/assets/flat-button.png differ
diff --git a/gtk-2.0/assets/focus.png b/gtk-2.0/assets/focus.png
new file mode 100644
index 0000000..112b0da
Binary files /dev/null and b/gtk-2.0/assets/focus.png differ
diff --git a/gtk-2.0/assets/frame-inline.png b/gtk-2.0/assets/frame-inline.png
new file mode 100644
index 0000000..1d53106
Binary files /dev/null and b/gtk-2.0/assets/frame-inline.png differ
diff --git a/gtk-2.0/assets/frame-notebook.png b/gtk-2.0/assets/frame-notebook.png
new file mode 100644
index 0000000..eb1dc52
Binary files /dev/null and b/gtk-2.0/assets/frame-notebook.png differ
diff --git a/gtk-2.0/assets/frame.png b/gtk-2.0/assets/frame.png
new file mode 100644
index 0000000..24f6630
Binary files /dev/null and b/gtk-2.0/assets/frame.png differ
diff --git a/gtk-2.0/assets/handle-horz-active.png b/gtk-2.0/assets/handle-horz-active.png
new file mode 100644
index 0000000..eb0d2cf
Binary files /dev/null and b/gtk-2.0/assets/handle-horz-active.png differ
diff --git a/gtk-2.0/assets/handle-horz-hover.png b/gtk-2.0/assets/handle-horz-hover.png
new file mode 100644
index 0000000..d5c4539
Binary files /dev/null and b/gtk-2.0/assets/handle-horz-hover.png differ
diff --git a/gtk-2.0/assets/handle-horz.png b/gtk-2.0/assets/handle-horz.png
new file mode 100644
index 0000000..04d401d
Binary files /dev/null and b/gtk-2.0/assets/handle-horz.png differ
diff --git a/gtk-2.0/assets/handle-vert-active.png b/gtk-2.0/assets/handle-vert-active.png
new file mode 100644
index 0000000..cfc430b
Binary files /dev/null and b/gtk-2.0/assets/handle-vert-active.png differ
diff --git a/gtk-2.0/assets/handle-vert-hover.png b/gtk-2.0/assets/handle-vert-hover.png
new file mode 100644
index 0000000..c92301b
Binary files /dev/null and b/gtk-2.0/assets/handle-vert-hover.png differ
diff --git a/gtk-2.0/assets/handle-vert.png b/gtk-2.0/assets/handle-vert.png
new file mode 100644
index 0000000..ca711fc
Binary files /dev/null and b/gtk-2.0/assets/handle-vert.png differ
diff --git a/gtk-2.0/assets/menu-checkbox-checked-insensitive.png b/gtk-2.0/assets/menu-checkbox-checked-insensitive.png
new file mode 100644
index 0000000..1458abc
Binary files /dev/null and b/gtk-2.0/assets/menu-checkbox-checked-insensitive.png differ
diff --git a/gtk-2.0/assets/menu-checkbox-checked.png b/gtk-2.0/assets/menu-checkbox-checked.png
new file mode 100644
index 0000000..1e9834c
Binary files /dev/null and b/gtk-2.0/assets/menu-checkbox-checked.png differ
diff --git a/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png b/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png
new file mode 100644
index 0000000..8bcc249
Binary files /dev/null and b/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png differ
diff --git a/gtk-2.0/assets/menu-checkbox-mixed.png b/gtk-2.0/assets/menu-checkbox-mixed.png
new file mode 100644
index 0000000..fc15f8f
Binary files /dev/null and b/gtk-2.0/assets/menu-checkbox-mixed.png differ
diff --git a/gtk-2.0/assets/menu-checkbox-unchecked-insensitive.png b/gtk-2.0/assets/menu-checkbox-unchecked-insensitive.png
new file mode 100644
index 0000000..db57f7e
Binary files /dev/null and b/gtk-2.0/assets/menu-checkbox-unchecked-insensitive.png differ
diff --git a/gtk-2.0/assets/menu-checkbox-unchecked.png b/gtk-2.0/assets/menu-checkbox-unchecked.png
new file mode 100644
index 0000000..842b159
Binary files /dev/null and b/gtk-2.0/assets/menu-checkbox-unchecked.png differ
diff --git a/gtk-2.0/assets/menu-radio-checked-insensitive.png b/gtk-2.0/assets/menu-radio-checked-insensitive.png
new file mode 100644
index 0000000..2145f1e
Binary files /dev/null and b/gtk-2.0/assets/menu-radio-checked-insensitive.png differ
diff --git a/gtk-2.0/assets/menu-radio-checked.png b/gtk-2.0/assets/menu-radio-checked.png
new file mode 100644
index 0000000..4dda432
Binary files /dev/null and b/gtk-2.0/assets/menu-radio-checked.png differ
diff --git a/gtk-2.0/assets/menu-radio-mixed-insensitive.png b/gtk-2.0/assets/menu-radio-mixed-insensitive.png
new file mode 100644
index 0000000..114fa3f
Binary files /dev/null and b/gtk-2.0/assets/menu-radio-mixed-insensitive.png differ
diff --git a/gtk-2.0/assets/menu-radio-mixed.png b/gtk-2.0/assets/menu-radio-mixed.png
new file mode 100644
index 0000000..e1d1a96
Binary files /dev/null and b/gtk-2.0/assets/menu-radio-mixed.png differ
diff --git a/gtk-2.0/assets/menu-radio-unchecked-insensitive.png b/gtk-2.0/assets/menu-radio-unchecked-insensitive.png
new file mode 100644
index 0000000..81274cf
Binary files /dev/null and b/gtk-2.0/assets/menu-radio-unchecked-insensitive.png differ
diff --git a/gtk-2.0/assets/menu-radio-unchecked.png b/gtk-2.0/assets/menu-radio-unchecked.png
new file mode 100644
index 0000000..167a6b6
Binary files /dev/null and b/gtk-2.0/assets/menu-radio-unchecked.png differ
diff --git a/gtk-2.0/assets/notebook-combo-ltr-entry-active.png b/gtk-2.0/assets/notebook-combo-ltr-entry-active.png
new file mode 100644
index 0000000..0a00906
Binary files /dev/null and b/gtk-2.0/assets/notebook-combo-ltr-entry-active.png differ
diff --git a/gtk-2.0/assets/notebook-combo-ltr-entry-insensitive.png b/gtk-2.0/assets/notebook-combo-ltr-entry-insensitive.png
new file mode 100644
index 0000000..66840be
Binary files /dev/null and b/gtk-2.0/assets/notebook-combo-ltr-entry-insensitive.png differ
diff --git a/gtk-2.0/assets/notebook-combo-ltr-entry.png b/gtk-2.0/assets/notebook-combo-ltr-entry.png
new file mode 100644
index 0000000..66840be
Binary files /dev/null and b/gtk-2.0/assets/notebook-combo-ltr-entry.png differ
diff --git a/gtk-2.0/assets/notebook-combo-rtl-entry-active.png b/gtk-2.0/assets/notebook-combo-rtl-entry-active.png
new file mode 100644
index 0000000..a709254
Binary files /dev/null and b/gtk-2.0/assets/notebook-combo-rtl-entry-active.png differ
diff --git a/gtk-2.0/assets/notebook-combo-rtl-entry-insensitive.png b/gtk-2.0/assets/notebook-combo-rtl-entry-insensitive.png
new file mode 100644
index 0000000..b2ab328
Binary files /dev/null and b/gtk-2.0/assets/notebook-combo-rtl-entry-insensitive.png differ
diff --git a/gtk-2.0/assets/notebook-combo-rtl-entry.png b/gtk-2.0/assets/notebook-combo-rtl-entry.png
new file mode 100644
index 0000000..b2ab328
Binary files /dev/null and b/gtk-2.0/assets/notebook-combo-rtl-entry.png differ
diff --git a/gtk-2.0/assets/notebook-entry-active.png b/gtk-2.0/assets/notebook-entry-active.png
new file mode 100644
index 0000000..92e4df3
Binary files /dev/null and b/gtk-2.0/assets/notebook-entry-active.png differ
diff --git a/gtk-2.0/assets/notebook-entry-insensitive.png b/gtk-2.0/assets/notebook-entry-insensitive.png
new file mode 100644
index 0000000..cf97fe6
Binary files /dev/null and b/gtk-2.0/assets/notebook-entry-insensitive.png differ
diff --git a/gtk-2.0/assets/notebook-entry.png b/gtk-2.0/assets/notebook-entry.png
new file mode 100644
index 0000000..cf97fe6
Binary files /dev/null and b/gtk-2.0/assets/notebook-entry.png differ
diff --git a/gtk-2.0/assets/pan-down-alt-insensitive.png b/gtk-2.0/assets/pan-down-alt-insensitive.png
new file mode 100644
index 0000000..c6f07ec
Binary files /dev/null and b/gtk-2.0/assets/pan-down-alt-insensitive.png differ
diff --git a/gtk-2.0/assets/pan-down-alt.png b/gtk-2.0/assets/pan-down-alt.png
new file mode 100644
index 0000000..c9bfa29
Binary files /dev/null and b/gtk-2.0/assets/pan-down-alt.png differ
diff --git a/gtk-2.0/assets/pan-down-insensitive.png b/gtk-2.0/assets/pan-down-insensitive.png
new file mode 100644
index 0000000..ed2784b
Binary files /dev/null and b/gtk-2.0/assets/pan-down-insensitive.png differ
diff --git a/gtk-2.0/assets/pan-down.png b/gtk-2.0/assets/pan-down.png
new file mode 100644
index 0000000..504f527
Binary files /dev/null and b/gtk-2.0/assets/pan-down.png differ
diff --git a/gtk-2.0/assets/pan-left-alt-insensitive.png b/gtk-2.0/assets/pan-left-alt-insensitive.png
new file mode 100644
index 0000000..e4eb9b7
Binary files /dev/null and b/gtk-2.0/assets/pan-left-alt-insensitive.png differ
diff --git a/gtk-2.0/assets/pan-left-alt.png b/gtk-2.0/assets/pan-left-alt.png
new file mode 100644
index 0000000..b42dfc0
Binary files /dev/null and b/gtk-2.0/assets/pan-left-alt.png differ
diff --git a/gtk-2.0/assets/pan-left-insensitive.png b/gtk-2.0/assets/pan-left-insensitive.png
new file mode 100644
index 0000000..b3e0717
Binary files /dev/null and b/gtk-2.0/assets/pan-left-insensitive.png differ
diff --git a/gtk-2.0/assets/pan-left-semi.png b/gtk-2.0/assets/pan-left-semi.png
new file mode 100644
index 0000000..eac4ea1
Binary files /dev/null and b/gtk-2.0/assets/pan-left-semi.png differ
diff --git a/gtk-2.0/assets/pan-left.png b/gtk-2.0/assets/pan-left.png
new file mode 100644
index 0000000..3521f01
Binary files /dev/null and b/gtk-2.0/assets/pan-left.png differ
diff --git a/gtk-2.0/assets/pan-right-alt-insensitive.png b/gtk-2.0/assets/pan-right-alt-insensitive.png
new file mode 100644
index 0000000..b2ee252
Binary files /dev/null and b/gtk-2.0/assets/pan-right-alt-insensitive.png differ
diff --git a/gtk-2.0/assets/pan-right-alt.png b/gtk-2.0/assets/pan-right-alt.png
new file mode 100644
index 0000000..801ca0c
Binary files /dev/null and b/gtk-2.0/assets/pan-right-alt.png differ
diff --git a/gtk-2.0/assets/pan-right-insensitive.png b/gtk-2.0/assets/pan-right-insensitive.png
new file mode 100644
index 0000000..952e6a0
Binary files /dev/null and b/gtk-2.0/assets/pan-right-insensitive.png differ
diff --git a/gtk-2.0/assets/pan-right-semi.png b/gtk-2.0/assets/pan-right-semi.png
new file mode 100644
index 0000000..bc64e96
Binary files /dev/null and b/gtk-2.0/assets/pan-right-semi.png differ
diff --git a/gtk-2.0/assets/pan-right.png b/gtk-2.0/assets/pan-right.png
new file mode 100644
index 0000000..1ed3fa4
Binary files /dev/null and b/gtk-2.0/assets/pan-right.png differ
diff --git a/gtk-2.0/assets/pan-up-alt-insensitive.png b/gtk-2.0/assets/pan-up-alt-insensitive.png
new file mode 100644
index 0000000..58bcfe2
Binary files /dev/null and b/gtk-2.0/assets/pan-up-alt-insensitive.png differ
diff --git a/gtk-2.0/assets/pan-up-alt.png b/gtk-2.0/assets/pan-up-alt.png
new file mode 100644
index 0000000..2c23cc9
Binary files /dev/null and b/gtk-2.0/assets/pan-up-alt.png differ
diff --git a/gtk-2.0/assets/pan-up-insensitive.png b/gtk-2.0/assets/pan-up-insensitive.png
new file mode 100644
index 0000000..4932807
Binary files /dev/null and b/gtk-2.0/assets/pan-up-insensitive.png differ
diff --git a/gtk-2.0/assets/pan-up.png b/gtk-2.0/assets/pan-up.png
new file mode 100644
index 0000000..f6b9375
Binary files /dev/null and b/gtk-2.0/assets/pan-up.png differ
diff --git a/gtk-2.0/assets/pathbar_button_active.png b/gtk-2.0/assets/pathbar_button_active.png
new file mode 100644
index 0000000..e4f4692
Binary files /dev/null and b/gtk-2.0/assets/pathbar_button_active.png differ
diff --git a/gtk-2.0/assets/pathbar_button_prelight.png b/gtk-2.0/assets/pathbar_button_prelight.png
new file mode 100644
index 0000000..a3e7b50
Binary files /dev/null and b/gtk-2.0/assets/pathbar_button_prelight.png differ
diff --git a/gtk-2.0/assets/progressbar-progress.png b/gtk-2.0/assets/progressbar-progress.png
new file mode 100644
index 0000000..3c5e678
Binary files /dev/null and b/gtk-2.0/assets/progressbar-progress.png differ
diff --git a/gtk-2.0/assets/progressbar-trough.png b/gtk-2.0/assets/progressbar-trough.png
new file mode 100644
index 0000000..67fc03d
Binary files /dev/null and b/gtk-2.0/assets/progressbar-trough.png differ
diff --git a/gtk-2.0/assets/radio-checked-active.png b/gtk-2.0/assets/radio-checked-active.png
new file mode 100644
index 0000000..27be698
Binary files /dev/null and b/gtk-2.0/assets/radio-checked-active.png differ
diff --git a/gtk-2.0/assets/radio-checked-hover.png b/gtk-2.0/assets/radio-checked-hover.png
new file mode 100644
index 0000000..80afe74
Binary files /dev/null and b/gtk-2.0/assets/radio-checked-hover.png differ
diff --git a/gtk-2.0/assets/radio-checked-insensitive.png b/gtk-2.0/assets/radio-checked-insensitive.png
new file mode 100644
index 0000000..bdadf43
Binary files /dev/null and b/gtk-2.0/assets/radio-checked-insensitive.png differ
diff --git a/gtk-2.0/assets/radio-checked.png b/gtk-2.0/assets/radio-checked.png
new file mode 100644
index 0000000..15534aa
Binary files /dev/null and b/gtk-2.0/assets/radio-checked.png differ
diff --git a/gtk-2.0/assets/radio-mixed-active.png b/gtk-2.0/assets/radio-mixed-active.png
new file mode 100644
index 0000000..7b64818
Binary files /dev/null and b/gtk-2.0/assets/radio-mixed-active.png differ
diff --git a/gtk-2.0/assets/radio-mixed-hover.png b/gtk-2.0/assets/radio-mixed-hover.png
new file mode 100644
index 0000000..95cc6b2
Binary files /dev/null and b/gtk-2.0/assets/radio-mixed-hover.png differ
diff --git a/gtk-2.0/assets/radio-mixed-insensitive.png b/gtk-2.0/assets/radio-mixed-insensitive.png
new file mode 100644
index 0000000..ce803fc
Binary files /dev/null and b/gtk-2.0/assets/radio-mixed-insensitive.png differ
diff --git a/gtk-2.0/assets/radio-mixed.png b/gtk-2.0/assets/radio-mixed.png
new file mode 100644
index 0000000..b0ee878
Binary files /dev/null and b/gtk-2.0/assets/radio-mixed.png differ
diff --git a/gtk-2.0/assets/radio-unchecked-active.png b/gtk-2.0/assets/radio-unchecked-active.png
new file mode 100644
index 0000000..bd7d230
Binary files /dev/null and b/gtk-2.0/assets/radio-unchecked-active.png differ
diff --git a/gtk-2.0/assets/radio-unchecked-hover.png b/gtk-2.0/assets/radio-unchecked-hover.png
new file mode 100644
index 0000000..c1cdae7
Binary files /dev/null and b/gtk-2.0/assets/radio-unchecked-hover.png differ
diff --git a/gtk-2.0/assets/radio-unchecked-insensitive.png b/gtk-2.0/assets/radio-unchecked-insensitive.png
new file mode 100644
index 0000000..cbd61e2
Binary files /dev/null and b/gtk-2.0/assets/radio-unchecked-insensitive.png differ
diff --git a/gtk-2.0/assets/radio-unchecked.png b/gtk-2.0/assets/radio-unchecked.png
new file mode 100644
index 0000000..4f05f37
Binary files /dev/null and b/gtk-2.0/assets/radio-unchecked.png differ
diff --git a/gtk-2.0/assets/scale-horz-trough-active.png b/gtk-2.0/assets/scale-horz-trough-active.png
new file mode 100644
index 0000000..9ee4a0b
Binary files /dev/null and b/gtk-2.0/assets/scale-horz-trough-active.png differ
diff --git a/gtk-2.0/assets/scale-horz-trough-insensitive.png b/gtk-2.0/assets/scale-horz-trough-insensitive.png
new file mode 100644
index 0000000..6d95beb
Binary files /dev/null and b/gtk-2.0/assets/scale-horz-trough-insensitive.png differ
diff --git a/gtk-2.0/assets/scale-horz-trough.png b/gtk-2.0/assets/scale-horz-trough.png
new file mode 100644
index 0000000..065c598
Binary files /dev/null and b/gtk-2.0/assets/scale-horz-trough.png differ
diff --git a/gtk-2.0/assets/scale-slider-active.png b/gtk-2.0/assets/scale-slider-active.png
new file mode 100644
index 0000000..365e37c
Binary files /dev/null and b/gtk-2.0/assets/scale-slider-active.png differ
diff --git a/gtk-2.0/assets/scale-slider-hover.png b/gtk-2.0/assets/scale-slider-hover.png
new file mode 100644
index 0000000..d646b3e
Binary files /dev/null and b/gtk-2.0/assets/scale-slider-hover.png differ
diff --git a/gtk-2.0/assets/scale-slider-insensitive.png b/gtk-2.0/assets/scale-slider-insensitive.png
new file mode 100644
index 0000000..383e2ef
Binary files /dev/null and b/gtk-2.0/assets/scale-slider-insensitive.png differ
diff --git a/gtk-2.0/assets/scale-slider.png b/gtk-2.0/assets/scale-slider.png
new file mode 100644
index 0000000..70ab545
Binary files /dev/null and b/gtk-2.0/assets/scale-slider.png differ
diff --git a/gtk-2.0/assets/scale-vert-trough-active.png b/gtk-2.0/assets/scale-vert-trough-active.png
new file mode 100644
index 0000000..ea9fe04
Binary files /dev/null and b/gtk-2.0/assets/scale-vert-trough-active.png differ
diff --git a/gtk-2.0/assets/scale-vert-trough-insensitive.png b/gtk-2.0/assets/scale-vert-trough-insensitive.png
new file mode 100644
index 0000000..bb5aa6d
Binary files /dev/null and b/gtk-2.0/assets/scale-vert-trough-insensitive.png differ
diff --git a/gtk-2.0/assets/scale-vert-trough.png b/gtk-2.0/assets/scale-vert-trough.png
new file mode 100644
index 0000000..6281828
Binary files /dev/null and b/gtk-2.0/assets/scale-vert-trough.png differ
diff --git a/gtk-2.0/assets/scrollbar-horz-slider-active.png b/gtk-2.0/assets/scrollbar-horz-slider-active.png
new file mode 100644
index 0000000..f12cd7f
Binary files /dev/null and b/gtk-2.0/assets/scrollbar-horz-slider-active.png differ
diff --git a/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/gtk-2.0/assets/scrollbar-horz-slider-hover.png
new file mode 100644
index 0000000..895cbbd
Binary files /dev/null and b/gtk-2.0/assets/scrollbar-horz-slider-hover.png differ
diff --git a/gtk-2.0/assets/scrollbar-horz-slider-insensitive.png b/gtk-2.0/assets/scrollbar-horz-slider-insensitive.png
new file mode 100644
index 0000000..7068fa2
Binary files /dev/null and b/gtk-2.0/assets/scrollbar-horz-slider-insensitive.png differ
diff --git a/gtk-2.0/assets/scrollbar-horz-slider.png b/gtk-2.0/assets/scrollbar-horz-slider.png
new file mode 100644
index 0000000..8c01cd7
Binary files /dev/null and b/gtk-2.0/assets/scrollbar-horz-slider.png differ
diff --git a/gtk-2.0/assets/scrollbar-horz-trough.png b/gtk-2.0/assets/scrollbar-horz-trough.png
new file mode 100644
index 0000000..31d3ab2
Binary files /dev/null and b/gtk-2.0/assets/scrollbar-horz-trough.png differ
diff --git a/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png b/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png
new file mode 100644
index 0000000..d2c2c1b
Binary files /dev/null and b/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png differ
diff --git a/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png b/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png
new file mode 100644
index 0000000..fbceba7
Binary files /dev/null and b/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png differ
diff --git a/gtk-2.0/assets/scrollbar-vert-ltr-slider-insensitive.png b/gtk-2.0/assets/scrollbar-vert-ltr-slider-insensitive.png
new file mode 100644
index 0000000..3987167
Binary files /dev/null and b/gtk-2.0/assets/scrollbar-vert-ltr-slider-insensitive.png differ
diff --git a/gtk-2.0/assets/scrollbar-vert-ltr-slider.png b/gtk-2.0/assets/scrollbar-vert-ltr-slider.png
new file mode 100644
index 0000000..79b386d
Binary files /dev/null and b/gtk-2.0/assets/scrollbar-vert-ltr-slider.png differ
diff --git a/gtk-2.0/assets/scrollbar-vert-ltr-trough.png b/gtk-2.0/assets/scrollbar-vert-ltr-trough.png
new file mode 100644
index 0000000..ef0be97
Binary files /dev/null and b/gtk-2.0/assets/scrollbar-vert-ltr-trough.png differ
diff --git a/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png b/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png
new file mode 100644
index 0000000..dded4fa
Binary files /dev/null and b/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png differ
diff --git a/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png b/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png
new file mode 100644
index 0000000..fb28f6b
Binary files /dev/null and b/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png differ
diff --git a/gtk-2.0/assets/scrollbar-vert-rtl-slider-insensitive.png b/gtk-2.0/assets/scrollbar-vert-rtl-slider-insensitive.png
new file mode 100644
index 0000000..6d0883f
Binary files /dev/null and b/gtk-2.0/assets/scrollbar-vert-rtl-slider-insensitive.png differ
diff --git a/gtk-2.0/assets/scrollbar-vert-rtl-slider.png b/gtk-2.0/assets/scrollbar-vert-rtl-slider.png
new file mode 100644
index 0000000..c8eb7b4
Binary files /dev/null and b/gtk-2.0/assets/scrollbar-vert-rtl-slider.png differ
diff --git a/gtk-2.0/assets/scrollbar-vert-rtl-trough.png b/gtk-2.0/assets/scrollbar-vert-rtl-trough.png
new file mode 100644
index 0000000..c41d291
Binary files /dev/null and b/gtk-2.0/assets/scrollbar-vert-rtl-trough.png differ
diff --git a/gtk-2.0/assets/spin-ltr-down-active.png b/gtk-2.0/assets/spin-ltr-down-active.png
new file mode 100644
index 0000000..5650dd0
Binary files /dev/null and b/gtk-2.0/assets/spin-ltr-down-active.png differ
diff --git a/gtk-2.0/assets/spin-ltr-down-hover.png b/gtk-2.0/assets/spin-ltr-down-hover.png
new file mode 100644
index 0000000..806d007
Binary files /dev/null and b/gtk-2.0/assets/spin-ltr-down-hover.png differ
diff --git a/gtk-2.0/assets/spin-ltr-down-insensitive.png b/gtk-2.0/assets/spin-ltr-down-insensitive.png
new file mode 100644
index 0000000..9cf71a9
Binary files /dev/null and b/gtk-2.0/assets/spin-ltr-down-insensitive.png differ
diff --git a/gtk-2.0/assets/spin-ltr-down.png b/gtk-2.0/assets/spin-ltr-down.png
new file mode 100644
index 0000000..31f85f0
Binary files /dev/null and b/gtk-2.0/assets/spin-ltr-down.png differ
diff --git a/gtk-2.0/assets/spin-ltr-up-active.png b/gtk-2.0/assets/spin-ltr-up-active.png
new file mode 100644
index 0000000..f2abd75
Binary files /dev/null and b/gtk-2.0/assets/spin-ltr-up-active.png differ
diff --git a/gtk-2.0/assets/spin-ltr-up-hover.png b/gtk-2.0/assets/spin-ltr-up-hover.png
new file mode 100644
index 0000000..023e313
Binary files /dev/null and b/gtk-2.0/assets/spin-ltr-up-hover.png differ
diff --git a/gtk-2.0/assets/spin-ltr-up-insensitive.png b/gtk-2.0/assets/spin-ltr-up-insensitive.png
new file mode 100644
index 0000000..dd70229
Binary files /dev/null and b/gtk-2.0/assets/spin-ltr-up-insensitive.png differ
diff --git a/gtk-2.0/assets/spin-ltr-up.png b/gtk-2.0/assets/spin-ltr-up.png
new file mode 100644
index 0000000..6dc626a
Binary files /dev/null and b/gtk-2.0/assets/spin-ltr-up.png differ
diff --git a/gtk-2.0/assets/spin-rtl-down-active.png b/gtk-2.0/assets/spin-rtl-down-active.png
new file mode 100644
index 0000000..80ecf3e
Binary files /dev/null and b/gtk-2.0/assets/spin-rtl-down-active.png differ
diff --git a/gtk-2.0/assets/spin-rtl-down-hover.png b/gtk-2.0/assets/spin-rtl-down-hover.png
new file mode 100644
index 0000000..e917500
Binary files /dev/null and b/gtk-2.0/assets/spin-rtl-down-hover.png differ
diff --git a/gtk-2.0/assets/spin-rtl-down-insensitive.png b/gtk-2.0/assets/spin-rtl-down-insensitive.png
new file mode 100644
index 0000000..4fc5a8d
Binary files /dev/null and b/gtk-2.0/assets/spin-rtl-down-insensitive.png differ
diff --git a/gtk-2.0/assets/spin-rtl-down.png b/gtk-2.0/assets/spin-rtl-down.png
new file mode 100644
index 0000000..a6f8d22
Binary files /dev/null and b/gtk-2.0/assets/spin-rtl-down.png differ
diff --git a/gtk-2.0/assets/spin-rtl-up-active.png b/gtk-2.0/assets/spin-rtl-up-active.png
new file mode 100644
index 0000000..c64951f
Binary files /dev/null and b/gtk-2.0/assets/spin-rtl-up-active.png differ
diff --git a/gtk-2.0/assets/spin-rtl-up-hover.png b/gtk-2.0/assets/spin-rtl-up-hover.png
new file mode 100644
index 0000000..733f169
Binary files /dev/null and b/gtk-2.0/assets/spin-rtl-up-hover.png differ
diff --git a/gtk-2.0/assets/spin-rtl-up-insensitive.png b/gtk-2.0/assets/spin-rtl-up-insensitive.png
new file mode 100644
index 0000000..1ba0c76
Binary files /dev/null and b/gtk-2.0/assets/spin-rtl-up-insensitive.png differ
diff --git a/gtk-2.0/assets/spin-rtl-up.png b/gtk-2.0/assets/spin-rtl-up.png
new file mode 100644
index 0000000..cf30862
Binary files /dev/null and b/gtk-2.0/assets/spin-rtl-up.png differ
diff --git a/gtk-2.0/assets/tab.png b/gtk-2.0/assets/tab.png
new file mode 100644
index 0000000..b74b621
Binary files /dev/null and b/gtk-2.0/assets/tab.png differ
diff --git a/gtk-2.0/assets/treeview-ltr-button-active.png b/gtk-2.0/assets/treeview-ltr-button-active.png
new file mode 100644
index 0000000..f03f97b
Binary files /dev/null and b/gtk-2.0/assets/treeview-ltr-button-active.png differ
diff --git a/gtk-2.0/assets/treeview-ltr-button-hover.png b/gtk-2.0/assets/treeview-ltr-button-hover.png
new file mode 100644
index 0000000..0d55fc8
Binary files /dev/null and b/gtk-2.0/assets/treeview-ltr-button-hover.png differ
diff --git a/gtk-2.0/assets/treeview-ltr-button.png b/gtk-2.0/assets/treeview-ltr-button.png
new file mode 100644
index 0000000..0f4ae08
Binary files /dev/null and b/gtk-2.0/assets/treeview-ltr-button.png differ
diff --git a/gtk-2.0/assets/treeview-rtl-button-active.png b/gtk-2.0/assets/treeview-rtl-button-active.png
new file mode 100644
index 0000000..398e5f1
Binary files /dev/null and b/gtk-2.0/assets/treeview-rtl-button-active.png differ
diff --git a/gtk-2.0/assets/treeview-rtl-button-hover.png b/gtk-2.0/assets/treeview-rtl-button-hover.png
new file mode 100644
index 0000000..54fe113
Binary files /dev/null and b/gtk-2.0/assets/treeview-rtl-button-hover.png differ
diff --git a/gtk-2.0/assets/treeview-rtl-button.png b/gtk-2.0/assets/treeview-rtl-button.png
new file mode 100644
index 0000000..1080990
Binary files /dev/null and b/gtk-2.0/assets/treeview-rtl-button.png differ
diff --git a/gtk-2.0/gtkrc b/gtk-2.0/gtkrc
new file mode 100644
index 0000000..6fd7bcd
--- /dev/null
+++ b/gtk-2.0/gtkrc
@@ -0,0 +1,33 @@
+# Based on Bridge by ScionicSpectre and Adwaita by GNOME
+# vim:set ts=2 sw=2 sts=2 ai et:
+#
+# This is the GTK+ 2 version of Materia. It's whole purpose is to look as the
+# GTK+ 3 version as much as possible until GTK+ 2 dies completely.
+#
+# Note: comments for explaining styles are on the bottom of each file beside the
+# widget matches.
+
+# Declare the colours used throughout the theme.
+# There shouldn't be any fiddling with them in the theme files themselves in
+# order to not mess up the dark theme.
+
+# Text/base
+gtk-color-scheme = "text_color:#FFFFFF\nbase_color:#31313A"
+# Foreground/background
+gtk-color-scheme = "fg_color:#FFFFFF\nbg_color:#34343B"
+# Selected foreground/background
+gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#5657f5"
+# Titlebar foreground/background
+gtk-color-scheme = "titlebar_fg_color:#efefef\ntitlebar_bg_color:#31313A"
+# Links
+gtk-color-scheme = "link_color:#42A5F5\nvisited_link_color:#E040FB"
+
+# Set GTK settings
+gtk-auto-mnemonics              = 1
+gtk-primary-button-warps-slider = 1
+
+# And hand over the control to the theme files
+include "main.rc"
+include "apps.rc"
+include "hacks.rc"
+include "panel.rc"
diff --git a/gtk-2.0/hacks.rc b/gtk-2.0/hacks.rc
new file mode 100644
index 0000000..96eb088
--- /dev/null
+++ b/gtk-2.0/hacks.rc
@@ -0,0 +1,36 @@
+# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et:
+#
+# This file contains horrible hacks to make this theme work with some programs
+# This is mostly due to the limitations of gtk2 but sometimes its the fault of
+# the programs themselves. Not going to point fingers.
+#
+# Either way, it's a WONTFIX for both, hence this horrible file.
+
+style "toplevel_hack" {
+  engine "adwaita" {}
+}
+
+style "chrome_entry" {
+  base[NORMAL]      = @base_color
+  base[INSENSITIVE] = @base_color
+}
+
+style "vim_notebook" {
+  bg[NORMAL] = @base_color
+  bg[ACTIVE] = @bg_color
+}
+
+# Vim puts an eventbox between the tab and the label and colours it,
+# we need to handle that
+widget "vim-main-window*GtkNotebook.GtkEventBox" style "vim_notebook"
+
+# (he)xchat input box
+class "SexySpellEntry" style:highest "normal_entry"
+
+# Chromium uses base as the fill colour of its own entries
+# This would be fine but Gtk+ uses it to fill the surrounding space, so its set to bg
+# That results in Chromium using it for the fill, so we need to handle that
+widget_class "*Chrom*<GtkEntry>" style "chrome_entry"
+
+# Hack to be able to match widgets in LibreOffice
+class "GtkWindow" style "toplevel_hack"
diff --git a/gtk-2.0/main.rc b/gtk-2.0/main.rc
new file mode 100644
index 0000000..2bbe383
--- /dev/null
+++ b/gtk-2.0/main.rc
@@ -0,0 +1,2791 @@
+# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et:
+#
+# This is the main theme file, handling all the default widgets and theme
+# properties. Since GTK+ 2 is old, we need to overcome some of its limitations,
+# which is also mostly done in this file. Sadly not all of them can be overcome
+# so there will always be a visible difference between the GTK+ 2 and 3 theme.
+
+style "default" {
+  xthickness = 1
+  ythickness = 1
+
+  ####################
+  # Style Properties #
+  ####################
+
+  GtkWidget::focus-padding      = 0
+  GtkWidget::focus-line-width   = 2
+  GtkWidget::focus-line-pattern = "\2\1"
+
+  GtkToolbar::space-size       = 5 # 1 + 2*2 (separator + margins)
+  GtkToolbar::internal-padding = 2
+  GtkToolButton::icon-spacing  = 4
+
+  GtkWidget::tooltip-radius    = 2
+  GtkWidget::tooltip-alpha     = 230
+  GtkWidget::new-tooltip-style = 1 #for compatibility
+
+  GtkWidget::link-color              = @link_color
+  GtkWidget::visited-link-color      = @visited_link_color
+  GnomeHRef::link_color              = @link_color
+  GtkHTML::link-color                = @link_color
+  GtkHTML::vlink-color               = @visited_link_color
+  GtkIMHtml::hyperlink-color         = @link_color
+  GtkIMHtml::hyperlink-visited-color = @visited_link_color
+
+  GtkSeparatorMenuItem::horizontal-padding = 0
+  GtkSeparatorMenuItem::wide-separators    = 1
+  GtkSeparatorMenuItem::separator-height   = 3
+
+  GtkButton::child-displacement-y = 0
+
+  GtkButton::default-border         = {0, 0, 0, 0}
+  GtkButton::default-outside-border = {0, 0, 0, 0}
+  GtkButton::inner-border           = {4, 4, 4, 4}
+
+  GtkEntry::state-hint   = 1
+  GtkEntry::inner-border = {4, 4, 4, 4}
+
+  GtkPaned::handle-size  = 8
+  GtkHPaned::handle-size = 8
+  GtkVPaned::handle-size = 8
+
+  GtkScrollbar::trough-border = 0
+  GtkRange::trough-border     = 0
+  GtkRange::slider-width      = 17
+  GtkRange::stepper-size      = 0
+  GtkRange::activate-slider   = 1
+
+  GtkScrollbar::activate-slider              = 1
+  GtkScrollbar::stepper-size                 = 0
+  GtkScrollbar::has-backward-stepper         = 0
+  GtkScrollbar::has-forward-stepper          = 0
+  GtkScrollbar::min-slider-length            = 32 # 24 + 2*4 (margins)
+  GtkScrolledWindow::scrollbar-spacing       = 0
+  GtkScrolledWindow::scrollbars-within-bevel = 1
+
+  GtkScale::slider_length       = 24
+  GtkScale::slider_width        = 24
+  GtkScale::trough-side-details = 1
+
+  GtkProgressBar::min-horizontal-bar-height = 4
+  GtkProgressBar::min-vertical-bar-width    = 4
+  GtkProgressBar::xspacing                  = 4
+  GtkProgressBar::yspacing                  = 4
+
+  GtkStatusbar::shadow_type    = GTK_SHADOW_NONE
+  GtkSpinButton::shadow_type   = GTK_SHADOW_NONE
+  GtkMenuBar::shadow-type      = GTK_SHADOW_NONE
+  GtkToolbar::shadow-type      = GTK_SHADOW_NONE
+  # TODO: find out what this comment means:
+  # ( every window is misaligned for the sake of menus ):
+  GtkMenuBar::internal-padding = 0
+  GtkMenu::horizontal-padding  = 0
+  GtkMenu::vertical-padding    = 4
+  GtkMenu::double-arrows       = 0
+  GtkMenuItem::arrow-scaling   = 1
+  GtkMenuItem::toggle-spacing  = 12
+
+  GtkCheckButton::indicator-size    = 24
+  GtkCheckButton::indicator_spacing = 2
+  GtkOptionMenu::indicator_spacing  = {10, 10, 6, 6}
+
+  GtkTreeView::expander-size        = 16
+  GtkTreeView::vertical-separator   = 0
+  GtkTreeView::horizontal-separator = 4
+  GtkTreeView::allow-rules          = 0
+  # Set this because some apps read it
+  GtkTreeView::odd-row-color        = @base_color
+  GtkTreeView::even-row-color       = @base_color
+
+  GtkExpander::expander-size = 16
+
+  GtkNotebook::tab-overlap = 0
+
+  ##########
+  # Colors #
+  ##########
+
+  bg[NORMAL]      = @bg_color
+  bg[PRELIGHT]    = @bg_color
+  bg[SELECTED]    = @selected_bg_color
+  bg[INSENSITIVE] = @bg_color
+  bg[ACTIVE]      = @bg_color
+
+  fg[NORMAL]      = @fg_color
+  fg[PRELIGHT]    = @fg_color
+  fg[SELECTED]    = @selected_fg_color
+  fg[INSENSITIVE] = mix (0.4, @fg_color, @bg_color)
+  fg[ACTIVE]      = @fg_color
+
+  text[NORMAL]      = @text_color
+  text[PRELIGHT]    = @text_color
+  text[SELECTED]    = @selected_fg_color
+  text[INSENSITIVE] = mix (0.4, @text_color, @base_color)
+  text[ACTIVE]      = @selected_fg_color
+
+  base[NORMAL]      = @base_color
+  base[PRELIGHT]    = mix (0.05, @text_color, @base_color)
+  base[SELECTED]    = @selected_bg_color
+  base[INSENSITIVE] = mix (0.5, @base_color, @bg_color)
+  base[ACTIVE]      = @selected_bg_color
+
+  # For succinctness, all reasonable pixmap options remain here
+
+  # Draw frame around menu in a non-compositied environment
+  # This needs to go before pixmap because we need to override some stuff
+  engine "adwaita" {}
+
+  engine "pixmap" {
+
+    #################
+    # Check Buttons #
+    #################
+
+    image {
+      function        = CHECK
+      state           = NORMAL
+      shadow          = OUT
+      overlay_file    = "assets/checkbox-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = PRELIGHT
+      shadow          = OUT
+      overlay_file    = "assets/checkbox-unchecked-hover.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = ACTIVE
+      shadow          = OUT
+      overlay_file    = "assets/checkbox-unchecked-active.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = SELECTED
+      shadow          = OUT
+      overlay_file    = "assets/checkbox-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = INSENSITIVE
+      shadow          = OUT
+      overlay_file    = "assets/checkbox-unchecked-insensitive.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = NORMAL
+      shadow          = IN
+      overlay_file    = "assets/checkbox-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = PRELIGHT
+      shadow          = IN
+      overlay_file    = "assets/checkbox-checked-hover.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = ACTIVE
+      shadow          = IN
+      overlay_file    = "assets/checkbox-checked-active.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = SELECTED
+      shadow          = IN
+      overlay_file    = "assets/checkbox-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = INSENSITIVE
+      shadow          = IN
+      overlay_file    = "assets/checkbox-checked-insensitive.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = NORMAL
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/checkbox-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = PRELIGHT
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/checkbox-mixed-hover.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = ACTIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/checkbox-mixed-active.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = SELECTED
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/checkbox-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = INSENSITIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/checkbox-mixed-insensitive.png"
+      overlay_stretch = FALSE
+    }
+
+    #################
+    # Radio Buttons #
+    #################
+
+    image {
+      function        = OPTION
+      state           = NORMAL
+      shadow          = OUT
+      overlay_file    = "assets/radio-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = PRELIGHT
+      shadow          = OUT
+      overlay_file    = "assets/radio-unchecked-hover.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = ACTIVE
+      shadow          = OUT
+      overlay_file    = "assets/radio-unchecked-active.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = SELECTED
+      shadow          = OUT
+      overlay_file    = "assets/radio-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = INSENSITIVE
+      shadow          = OUT
+      overlay_file    = "assets/radio-unchecked-insensitive.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = NORMAL
+      shadow          = IN
+      overlay_file    = "assets/radio-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = PRELIGHT
+      shadow          = IN
+      overlay_file    = "assets/radio-checked-hover.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = ACTIVE
+      shadow          = IN
+      overlay_file    = "assets/radio-checked-active.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = SELECTED
+      shadow          = IN
+      overlay_file    = "assets/radio-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = INSENSITIVE
+      shadow          = IN
+      overlay_file    = "assets/radio-checked-insensitive.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = NORMAL
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/radio-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = PRELIGHT
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/radio-mixed-hover.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = ACTIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/radio-mixed-active.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = SELECTED
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/radio-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = INSENSITIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/radio-mixed-insensitive.png"
+      overlay_stretch = FALSE
+    }
+
+    ##########
+    # Arrows #
+    ##########
+
+    # Overrides
+
+    # Disable arrows in spinbuttons
+    image {
+      function = ARROW
+      detail   = "spinbutton"
+    }
+
+    # Disable arrows for qt in scrollbars
+
+    image {
+      function = ARROW
+      detail   = "vscrollbar"
+    }
+
+    image {
+      function = ARROW
+      detail   = "hscrollbar"
+    }
+
+    # Menu arrows
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      detail          = "menuitem"
+      overlay_file    = "assets/pan-left.png"
+      overlay_stretch = FALSE
+      arrow_direction = LEFT
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      detail          = "menuitem"
+      overlay_file    = "assets/pan-left.png"
+      overlay_stretch = FALSE
+      arrow_direction = LEFT
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      detail          = "menuitem"
+      overlay_file    = "assets/pan-left-insensitive.png"
+      overlay_stretch = FALSE
+      arrow_direction = LEFT
+    }
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      detail          = "menuitem"
+      overlay_file    = "assets/pan-right.png"
+      overlay_stretch = FALSE
+      arrow_direction = RIGHT
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      detail          = "menuitem"
+      overlay_file    = "assets/pan-right.png"
+      overlay_stretch = FALSE
+      arrow_direction = RIGHT
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      detail          = "menuitem"
+      overlay_file    = "assets/pan-right-insensitive.png"
+      overlay_stretch = FALSE
+      arrow_direction = RIGHT
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      detail          = "menu_scroll_arrow_up"
+      overlay_file    = "assets/pan-up-insensitive.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = ARROW
+      detail          = "menu_scroll_arrow_up"
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      detail          = "menu_scroll_arrow_down"
+      overlay_file    = "assets/pan-down-insensitive.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = ARROW
+      detail          = "menu_scroll_arrow_down"
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+    }
+
+    # Regular arrows
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      overlay_file    = "assets/pan-up-alt.png"
+      overlay_stretch = FALSE
+      arrow_direction = UP
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      arrow_direction = UP
+    }
+
+    image {
+      function        = ARROW
+      state           = ACTIVE
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      arrow_direction = UP
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      overlay_file    = "assets/pan-up-alt-insensitive.png"
+      overlay_stretch = FALSE
+      arrow_direction = UP
+    }
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      overlay_file    = "assets/pan-down-alt.png"
+      overlay_stretch = FALSE
+      arrow_direction = DOWN
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      arrow_direction = DOWN
+    }
+
+    image {
+      function        = ARROW
+      state           = ACTIVE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      arrow_direction = DOWN
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      overlay_file    = "assets/pan-down-alt-insensitive.png"
+      overlay_stretch = FALSE
+      arrow_direction = DOWN
+    }
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      overlay_file    = "assets/pan-left-alt.png"
+      overlay_stretch = FALSE
+      arrow_direction = LEFT
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      overlay_file    = "assets/pan-left.png"
+      overlay_stretch = FALSE
+      arrow_direction = LEFT
+    }
+
+    image {
+      function        = ARROW
+      state           = ACTIVE
+      overlay_file    = "assets/pan-left.png"
+      overlay_stretch = FALSE
+      arrow_direction = LEFT
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      overlay_file    = "assets/pan-left-alt-insensitive.png"
+      overlay_stretch = FALSE
+      arrow_direction = LEFT
+    }
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      overlay_file    = "assets/pan-right-alt.png"
+      overlay_stretch = FALSE
+      arrow_direction = RIGHT
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      overlay_file    = "assets/pan-right.png"
+      overlay_stretch = FALSE
+      arrow_direction = RIGHT
+    }
+
+    image {
+      function        = ARROW
+      state           = ACTIVE
+      overlay_file    = "assets/pan-right.png"
+      overlay_stretch = FALSE
+      arrow_direction = RIGHT
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      overlay_file    = "assets/pan-right-alt-insensitive.png"
+      overlay_stretch = FALSE
+      arrow_direction = RIGHT
+    }
+
+    ######################
+    # Option Menu Arrows #
+    ######################
+
+    image {
+      function        = TAB
+      state           = NORMAL
+      overlay_file    = "assets/pan-down-alt.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = TAB
+      state           = PRELIGHT
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = TAB
+      state           = ACTIVE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = TAB
+      state           = INSENSITIVE
+      overlay_file    = "assets/pan-down-alt-insensitive.png"
+      overlay_stretch = FALSE
+    }
+
+    #########
+    # Lines #
+    #########
+
+    image {
+      function = VLINE
+      file     = "assets/border.png"
+      border   = {1, 0, 0, 0}
+    }
+
+    image {
+      function = HLINE
+      file     = "assets/border.png"
+      border   = {0, 0, 1, 0}
+    }
+
+    #########
+    # Focus #
+    #########
+
+    image {
+      function = FOCUS
+      file     = "assets/focus.png"
+      border   = {2, 2, 2, 2}
+      stretch  = TRUE
+    }
+
+    ###########
+    # Handles #
+    ###########
+
+    image {
+      function        = HANDLE
+      detail          = "handlebox"
+      overlay_file    = "assets/handle-vert.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = HANDLE
+      state           = NORMAL
+      overlay_file    = "assets/handle-horz.png"
+      overlay_stretch = FALSE
+      orientation     = HORIZONTAL
+    }
+
+    image {
+      function        = HANDLE
+      state           = PRELIGHT
+      overlay_file    = "assets/handle-horz-hover.png"
+      overlay_stretch = FALSE
+      orientation     = HORIZONTAL
+    }
+
+    image {
+      function        = HANDLE
+      state           = ACTIVE
+      overlay_file    = "assets/handle-horz-active.png"
+      overlay_stretch = FALSE
+      orientation     = HORIZONTAL
+    }
+
+    image {
+      function        = HANDLE
+      state           = NORMAL
+      overlay_file    = "assets/handle-vert.png"
+      overlay_stretch = FALSE
+      orientation     = VERTICAL
+    }
+
+    image {
+      function        = HANDLE
+      state           = PRELIGHT
+      overlay_file    = "assets/handle-vert-hover.png"
+      overlay_stretch = FALSE
+      orientation     = VERTICAL
+    }
+
+    image {
+      function        = HANDLE
+      state           = ACTIVE
+      overlay_file    = "assets/handle-vert-active.png"
+      overlay_stretch = FALSE
+      orientation     = VERTICAL
+    }
+
+    image {
+      function = RESIZE_GRIP
+    }
+
+    #############
+    # Expanders #
+    #############
+
+    image {
+      function       = EXPANDER
+      expander_style = EXPANDED
+      state          = NORMAL
+      file           = "assets/pan-down-alt.png"
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = EXPANDED
+      state          = PRELIGHT
+      file           = "assets/pan-down.png"
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = EXPANDED
+      state          = ACTIVE
+      file           = "assets/pan-down.png"
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = EXPANDED
+      state          = INSENSITIVE
+      file           = "assets/pan-down-alt-insensitive.png"
+    }
+
+    # LTR
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = NORMAL
+      file           = "assets/pan-right-alt.png"
+      direction      = LTR
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = PRELIGHT
+      file           = "assets/pan-right.png"
+      direction      = LTR
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = ACTIVE
+      file           = "assets/pan-right.png"
+      direction      = LTR
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = INSENSITIVE
+      file           = "assets/pan-right-alt-insensitive.png"
+      direction      = LTR
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = SEMI_COLLAPSED
+      file           = "assets/pan-right-semi.png"
+      direction      = LTR
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = SEMI_EXPANDED
+      file           = "assets/pan-right-semi.png"
+      direction      = LTR
+    }
+
+    # RTL
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = NORMAL
+      file           = "assets/pan-left-alt.png"
+      direction      = RTL
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = PRELIGHT
+      file           = "assets/pan-left.png"
+      direction      = RTL
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = ACTIVE
+      file           = "assets/pan-left.png"
+      direction      = RTL
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = INSENSITIVE
+      file           = "assets/pan-left-alt-insensitive.png"
+      direction      = RTL
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = SEMI_COLLAPSED
+      file           = "assets/pan-left-semi.png"
+      direction      = RTL
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = SEMI_EXPANDED
+      file           = "assets/pan-left-semi.png"
+      direction      = RTL
+    }
+
+    #############
+    # Notebooks #
+    #############
+
+    # Left
+
+    image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "assets/tab.png"
+      border   = {0, 1, 0, 0}
+      stretch  = TRUE
+      gap_side = RIGHT
+    }
+
+    image {
+      function = EXTENSION
+      gap_side = RIGHT
+    }
+
+    # Right
+
+    image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "assets/tab.png"
+      border   = {1, 0, 0, 0}
+      stretch  = TRUE
+      gap_side = LEFT
+    }
+
+    image {
+      function = EXTENSION
+      gap_side = LEFT
+    }
+
+    # Up
+
+    image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "assets/tab.png"
+      border   = {0, 0, 0, 1}
+      stretch  = TRUE
+      gap_side = BOTTOM
+    }
+
+    image {
+      function = EXTENSION
+      gap_side = BOTTOM
+    }
+
+    # Down
+
+    image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "assets/tab.png"
+      border   = {0, 0, 1, 0}
+      stretch  = TRUE
+      gap_side = TOP
+    }
+
+    image {
+      function = EXTENSION
+      gap_side = TOP
+    }
+
+    # Inner frame
+
+    image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "assets/frame-notebook.png"
+      border     = {1, 1, 1, 1}
+      stretch    = TRUE
+      gap_file   = "assets/tab.png"
+      gap_border = {1, 0, 0, 0}
+      gap_side   = LEFT
+    }
+
+    image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "assets/frame-notebook.png"
+      border     = {1, 1, 1, 1}
+      stretch    = TRUE
+      gap_file   = "assets/tab.png"
+      gap_border = {0, 1, 0, 0}
+      gap_side   = RIGHT
+    }
+
+    image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "assets/frame-notebook.png"
+      border     = {1, 1, 1, 1}
+      stretch    = TRUE
+      gap_file   = "assets/tab.png"
+      gap_border = {0, 0, 1, 0}
+      gap_side   = TOP
+    }
+
+    image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "assets/frame-notebook.png"
+      border     = {1, 1, 1, 1}
+      stretch    = TRUE
+      gap_file   = "assets/tab.png"
+      gap_border = {0, 0, 0, 1}
+      gap_side   = BOTTOM
+    }
+
+    # Standalone frame
+    image {
+      function = BOX
+      detail   = "notebook"
+      file     = "assets/frame-notebook.png"
+      border   = {1, 1, 1, 1}
+      stretch  = TRUE
+    }
+
+    ##############
+    # Scrollbars #
+    ##############
+
+    image {
+      function    = BOX
+      detail      = "trough"
+      file        = "assets/scrollbar-horz-trough.png"
+      border      = {0, 0, 1, 0}
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough"
+      file        = "assets/scrollbar-vert-ltr-trough.png"
+      border      = {1, 0, 0, 0}
+      orientation = VERTICAL
+      direction   = LTR
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough"
+      file        = "assets/scrollbar-vert-rtl-trough.png"
+      border      = {0, 1, 0, 0}
+      orientation = VERTICAL
+      direction   = RTL
+    }
+
+    # Horizontal sliders
+
+    image {
+      function    = SLIDER
+      state       = NORMAL
+      detail      = "slider"
+      file        = "assets/scrollbar-horz-slider.png"
+      border      = {8, 8, 9, 8 }
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = SLIDER
+      state       = PRELIGHT
+      detail      = "slider"
+      file        = "assets/scrollbar-horz-slider-hover.png"
+      border      = {8, 8, 9, 8 }
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = SLIDER
+      state       = ACTIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-horz-slider-active.png"
+      border      = {8, 8, 9, 8 }
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = SLIDER
+      state       = INSENSITIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-horz-slider-insensitive.png"
+      border      = {8, 8, 9, 8 }
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    # Vertical sliders
+
+    image {
+      function    = SLIDER
+      state       = NORMAL
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-ltr-slider.png"
+      border      = {9, 8, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = LTR
+    }
+
+    image {
+      function    = SLIDER
+      state       = PRELIGHT
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-ltr-slider-hover.png"
+      border      = {9, 8, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = LTR
+    }
+
+    image {
+      function    = SLIDER
+      state       = ACTIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-ltr-slider-active.png"
+      border      = {9, 8, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = LTR
+    }
+
+    image {
+      function    = SLIDER
+      state       = INSENSITIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-ltr-slider-insensitive.png"
+      border      = {9, 8, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = LTR
+    }
+
+    # RTL
+
+    image {
+      function    = SLIDER
+      state       = NORMAL
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-rtl-slider.png"
+      border      = {8, 9, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = RTL
+    }
+
+    image {
+      function    = SLIDER
+      state       = PRELIGHT
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-rtl-slider-hover.png"
+      border      = {8, 9, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = RTL
+    }
+
+    image {
+      function    = SLIDER
+      state       = ACTIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-rtl-slider-active.png"
+      border      = {8, 9, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = RTL
+    }
+
+    image {
+      function    = SLIDER
+      state       = INSENSITIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-rtl-slider-insensitive.png"
+      border      = {8, 9, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = RTL
+    }
+
+    ##########
+    # Scales #
+    ##########
+
+    # Troughs, overrided later on. We set them here too because some widgets
+    # don't specify their orientation.
+
+    image {
+      function    = BOX
+      detail      = "trough-upper"
+      file        = "assets/scale-horz-trough.png"
+      border      = {6, 6, 0, 0}
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      state       = INSENSITIVE
+      detail      = "trough-upper"
+      file        = "assets/scale-horz-trough-insensitive.png"
+      border      = {6, 6, 0, 0}
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough-lower"
+      file        = "assets/scale-horz-trough-active.png"
+      border      = {6, 6, 0, 0}
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      state       = INSENSITIVE
+      detail      = "trough-lower"
+      file        = "assets/scale-horz-trough-insensitive.png"
+      border      = {6, 6, 0, 0}
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough-upper"
+      file        = "assets/scale-vert-trough.png"
+      border      = {0, 0, 6, 6}
+      stretch     = TRUE
+      orientation = VERTICAL
+    }
+
+    image {
+      function    = BOX
+      state       = INSENSITIVE
+      detail      = "trough-upper"
+      file        = "assets/scale-vert-trough-insensitive.png"
+      border      = {0, 0, 6, 6}
+      stretch     = TRUE
+      orientation = VERTICAL
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough-lower"
+      file        = "assets/scale-vert-trough-active.png"
+      border      = {0, 0, 6, 6}
+      stretch     = TRUE
+      orientation = VERTICAL
+    }
+
+    image {
+      function    = BOX
+      state       = INSENSITIVE
+      detail      = "trough-lower"
+      file        = "assets/scale-vert-trough-insensitive.png"
+      border      = {0, 0, 6, 6}
+      stretch     = TRUE
+      orientation = VERTICAL
+    }
+
+    # Sliders
+
+    image {
+      function = SLIDER
+      state    = NORMAL
+      detail   = "hscale"
+      file     = "assets/scale-slider.png"
+    }
+
+    image {
+      function = SLIDER
+      state    = PRELIGHT
+      detail   = "hscale"
+      file     = "assets/scale-slider-hover.png"
+    }
+
+    image {
+      function = SLIDER
+      state    = ACTIVE
+      detail   = "hscale"
+      file     = "assets/scale-slider-active.png"
+    }
+
+    image {
+      function = SLIDER
+      state    = INSENSITIVE
+      detail   = "hscale"
+      file     = "assets/scale-slider-insensitive.png"
+    }
+
+    image {
+      function = SLIDER
+      state    = NORMAL
+      detail   = "vscale"
+      file     = "assets/scale-slider.png"
+    }
+
+    image {
+      function = SLIDER
+      state    = PRELIGHT
+      detail   = "vscale"
+      file     = "assets/scale-slider-hover.png"
+    }
+
+    image {
+      function = SLIDER
+      state    = ACTIVE
+      detail   = "vscale"
+      file     = "assets/scale-slider-active.png"
+    }
+
+    image {
+      function = SLIDER
+      state    = INSENSITIVE
+      detail   = "vscale"
+      file     = "assets/scale-slider-insensitive.png"
+    }
+
+    ###########
+    # Menubar #
+    ###########
+
+    # image {
+    #   function = BOX
+    #   detail   = "menubar"
+    #   file     = "assets/border.png"
+    #   border   = {0, 0, 0, 1}
+    # }
+
+    #########
+    # Menus #
+    #########
+
+    image {
+      function = BOX
+      state    = PRELIGHT
+      detail   = "menu_scroll_arrow_up"
+      file     = "assets/border.png"
+    }
+
+    image {
+      function = BOX
+      detail   = "menu_scroll_arrow_up"
+      file     = "assets/border.png"
+      border   = {0, 0, 0, 1}
+    }
+
+    image {
+      function = BOX
+      state    = PRELIGHT
+      detail   = "menu_scroll_arrow_down"
+      file     = "assets/border.png"
+    }
+
+    image {
+      function = BOX
+      detail   = "menu_scroll_arrow_down"
+      file     = "assets/border.png"
+      border   = {0, 0, 1, 0}
+    }
+
+    ###########
+    # Entries #
+    ###########
+
+    image {
+      function = SHADOW
+      state    = ACTIVE
+      detail   = "entry"
+      file     = "assets/entry-active.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = SHADOW
+      state    = INSENSITIVE
+      detail   = "entry"
+      file     = "assets/entry-insensitive.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = SHADOW
+      detail   = "entry"
+      file     = "assets/entry.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = FLAT_BOX
+      state    = ACTIVE
+      detail   = "entry_bg"
+      file     = "assets/entry-background.png"
+    }
+
+    image {
+      function = FLAT_BOX
+      state    = INSENSITIVE
+      detail   = "entry_bg"
+      file     = "assets/entry-background-insensitive.png"
+    }
+
+    image {
+      function = FLAT_BOX
+      detail   = "entry_bg"
+      file     = "assets/entry-background.png"
+    }
+
+    #########
+    # Spins #
+    #########
+
+    # Spin-Up LTR
+
+    image {
+      function        = BOX
+      state           = NORMAL
+      detail          = "spinbutton_up"
+      file            = "assets/spin-ltr-up.png"
+      border          = {0, 8, 8, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up-alt.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_up"
+      file            = "assets/spin-ltr-up-hover.png"
+      border          = {0, 8, 8, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    image {
+      function        = BOX
+      state           = ACTIVE
+      detail          = "spinbutton_up"
+      file            = "assets/spin-ltr-up-active.png"
+      border          = {0, 8, 8, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    image {
+      function        = BOX
+      state           = INSENSITIVE
+      detail          = "spinbutton_up"
+      file            = "assets/spin-ltr-up-insensitive.png"
+      border          = {0, 8, 8, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up-alt-insensitive.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    # Spin-Up RTL
+
+    image {
+      function        = BOX
+      state           = NORMAL
+      detail          = "spinbutton_up"
+      file            = "assets/spin-rtl-up.png"
+      border          = {8, 0, 8, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up-alt.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_up"
+      file            = "assets/spin-rtl-up-hover.png"
+      border          = {8, 0, 8, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    image {
+      function        = BOX
+      state           = ACTIVE
+      detail          = "spinbutton_up"
+      file            = "assets/spin-rtl-up-hover.png"
+      border          = {8, 0, 8, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    image {
+      function        = BOX
+      state           = INSENSITIVE
+      detail          = "spinbutton_up"
+      file            = "assets/spin-rtl-up-insensitive.png"
+      border          = {8, 0, 8, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up-alt-insensitive.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    # Spin-Down LTR
+
+    image {
+      function        = BOX
+      state           = NORMAL
+      detail          = "spinbutton_down"
+      file            = "assets/spin-ltr-down.png"
+      border          = {0, 8, 0, 8}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down-alt.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_down"
+      file            = "assets/spin-ltr-down-hover.png"
+      border          = {0, 8, 0, 8}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    image {
+      function        = BOX
+      state           = ACTIVE
+      detail          = "spinbutton_down"
+      file            = "assets/spin-ltr-down-active.png"
+      border          = {0, 8, 0, 8}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    image {
+      function        = BOX
+      state           = INSENSITIVE
+      detail          = "spinbutton_down"
+      file            = "assets/spin-ltr-down-insensitive.png"
+      border          = {0, 8, 0, 8}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down-alt-insensitive.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    # Spin-Down RTL
+
+    image {
+      function        = BOX
+      state           = NORMAL
+      detail          = "spinbutton_down"
+      file            = "assets/spin-rtl-down.png"
+      border          = {8, 0, 0, 8}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down-alt.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_down"
+      file            = "assets/spin-rtl-down-hover.png"
+      border          = {8, 0, 0, 8}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    image {
+      function        = BOX
+      state           = ACTIVE
+      detail          = "spinbutton_down"
+      file            = "assets/spin-rtl-down-active.png"
+      border          = {8, 0, 0, 8}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    image {
+      function        = BOX
+      state           = INSENSITIVE
+      detail          = "spinbutton_down"
+      file            = "assets/spin-rtl-down-insensitive.png"
+      border          = {8, 0, 0, 8}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down-alt-insensitive.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    ##############
+    # Scrollbars #
+    ##############
+
+    image {
+      function    = BOX
+      detail      = "bar"
+      file        = "assets/progressbar-progress.png"
+      stretch     = TRUE
+      border      = {0, 0, 0, 0}
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      detail      = "bar"
+      file        = "assets/progressbar-progress.png"
+      stretch     = TRUE
+      border      = {0, 0, 0, 0}
+      orientation = VERTICAL
+    }
+
+    #############
+    # Treeviews #
+    #############
+
+    # Disable active the column highlight
+    # We need to match specific cells or we break stuff
+    # Looking at you deadbeef
+
+    image {
+      function = FLAT_BOX
+      detail   = "cell_even_sorted"
+      state    = NORMAL
+    }
+
+    image {
+      function = FLAT_BOX
+      detail   = "cell_odd_sorted"
+      state    = NORMAL
+    }
+
+    # Disable all the other shadows
+    # This prevents the Raleigh effect
+    image {
+      function = SHADOW
+    }
+  }
+}
+
+style "menubar" {
+  bg[NORMAL]      = @titlebar_bg_color
+  fg[NORMAL]      = mix(0.7, @titlebar_fg_color, @titlebar_bg_color)
+  fg[PRELIGHT]    = @titlebar_fg_color
+  fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color)
+  # Needed to fix Firefox's menubar text
+  bg[SELECTED]    = mix(0.15, @titlebar_fg_color, @titlebar_bg_color)
+  fg[SELECTED]    = @titlebar_fg_color
+}
+
+style "menubar_item" {
+  xthickness = 3
+  ythickness = 4
+
+  fg[NORMAL]      = mix(0.7, @titlebar_fg_color, @titlebar_bg_color)
+  bg[PRELIGHT]    = mix(0.15, @titlebar_fg_color, @titlebar_bg_color)
+  fg[PRELIGHT]    = @titlebar_fg_color
+  fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color)
+}
+
+style "menu" {
+  xthickness = 0
+  ythickness = 0
+
+  bg[NORMAL]      = @base_color
+  bg[INSENSITIVE] = @base_color
+  bg[PRELIGHT]    = @base_color
+  bg[SELECTED]    = mix(0.15, @fg_color, @base_color)
+}
+
+style "menu_item" {
+  xthickness = 4
+  ythickness = 4
+
+  bg[PRELIGHT]   = @selected_bg_color
+  fg[PRELIGHT]   = @selected_fg_color
+  # Chromium uses this setting
+  bg[SELECTED]   = @selected_bg_color
+  text[SELECTED] = @selected_fg_color
+  # Some widgets use text, we need to handle that
+  text[NORMAL]   = @fg_color
+  text[PRELIGHT] = @selected_fg_color
+
+  # Unfortunately we can't tell regular and menu checks/radios apart
+  # Without the heirarchy
+  engine "pixmap" {
+
+    #################
+    # Check Buttons #
+    #################
+
+    image {
+      function        = CHECK
+      state           = NORMAL
+      shadow          = OUT
+      overlay_file    = "assets/menu-checkbox-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = PRELIGHT
+      shadow          = OUT
+      overlay_file    = "assets/menu-checkbox-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = ACTIVE
+      shadow          = OUT
+      overlay_file    = "assets/menu-checkbox-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = INSENSITIVE
+      shadow          = OUT
+      overlay_file    = "assets/menu-checkbox-unchecked-insensitive.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = NORMAL
+      shadow          = IN
+      overlay_file    = "assets/menu-checkbox-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = PRELIGHT
+      shadow          = IN
+      overlay_file    = "assets/menu-checkbox-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = ACTIVE
+      shadow          = IN
+      overlay_file    = "assets/menu-checkbox-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = INSENSITIVE
+      shadow          = IN
+      overlay_file    = "assets/menu-checkbox-checked-insensitive.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = NORMAL
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-checkbox-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = PRELIGHT
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-checkbox-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = ACTIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-checkbox-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = INSENSITIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-checkbox-mixed-insensitive.png"
+      overlay_stretch = FALSE
+    }
+
+    #################
+    # Radio Buttons #
+    #################
+
+    image {
+      function        = OPTION
+      state           = NORMAL
+      shadow          = OUT
+      overlay_file    = "assets/menu-radio-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = PRELIGHT
+      shadow          = OUT
+      overlay_file    = "assets/menu-radio-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = ACTIVE
+      shadow          = OUT
+      overlay_file    = "assets/menu-radio-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = INSENSITIVE
+      shadow          = OUT
+      overlay_file    = "assets/menu-radio-unchecked-insensitive.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = NORMAL
+      shadow          = IN
+      overlay_file    = "assets/menu-radio-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = PRELIGHT
+      shadow          = IN
+      overlay_file    = "assets/menu-radio-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = ACTIVE
+      shadow          = IN
+      overlay_file    = "assets/menu-radio-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = INSENSITIVE
+      shadow          = IN
+      overlay_file    = "assets/menu-radio-checked-insensitive.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = NORMAL
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-radio-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = PRELIGHT
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-radio-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = ACTIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-radio-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = INSENSITIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-radio-mixed-insensitive.png"
+      overlay_stretch = FALSE
+    }
+  }
+}
+
+style "separator_menu_item" {
+  xthickness = 0
+  ythickness = 2
+
+  engine "pixmap" {
+    image {
+      function = BOX
+      file     = "assets/border.png"
+      border   = {0, 0, 0, 1}
+    }
+  }
+}
+
+style "button_label" {
+  fg[NORMAL] = mix(0.75, @fg_color, @bg_color)
+  # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color)
+
+  font_name = "Medium"
+}
+
+style "checkbutton_label" {
+  fg[NORMAL] = @fg_color
+  # fg[INSENSITIVE] = mix(0.4, @fg_color, @bg_color)
+
+  font_name = "Regular"
+}
+
+style "button" {
+  xthickness = 4
+  ythickness = 4
+
+  # For the sake of sanity style buttons this way
+  engine "pixmap" {
+
+    ###########
+    # Buttons #
+    ###########
+
+    image {
+      function = BOX
+      state    = NORMAL
+      file     = "assets/button.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = PRELIGHT
+      shadow   = OUT
+      file     = "assets/button-hover.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    # Don't add hover effect on pressed buttons
+    image {
+      function = BOX
+      state    = PRELIGHT
+      shadow   = IN
+      file     = "assets/button-active.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = ACTIVE
+      file     = "assets/button-active.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = INSENSITIVE
+      file     = "assets/button-insensitive.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+  }
+}
+
+style "link_button" {
+  # Disable the button effect, leave just the link
+  engine "pixmap" {
+    image {
+      function = BOX
+    }
+  }
+}
+
+style "entry" {
+  # We set this same as the border of the border of the entry
+  # This way there's no overlap
+  xthickness = 6
+  ythickness = 6
+}
+
+style "combobox" {
+  xthickness = 6
+  ythickness = 6
+
+  # This affects only the button beside an entry
+  GtkButton::inner-border = {0, 0, 0, 0}
+}
+
+style "combobox_cellview" {
+  text[NORMAL] = mix(0.75, @fg_color, @bg_color)
+  # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color)
+
+  font_name = "Medium"
+}
+
+style "combobox_entry" {
+  # Since one side of the button is missing, we need to shift the arrow a little to the right
+  GtkButton::inner-border = {0, 2, 0, 0}
+
+  engine "pixmap" {
+
+    #############
+    # LTR entry #
+    #############
+
+    image {
+      function  = SHADOW
+      state     = NORMAL
+      detail    = "entry"
+      file      = "assets/combo-ltr-entry.png"
+      border    = {8, 0, 8, 8}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = SHADOW
+      state     = ACTIVE
+      detail    = "entry"
+      file      = "assets/combo-ltr-entry-active.png"
+      border    = {8, 0, 8, 8}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = SHADOW
+      state     = INSENSITIVE
+      detail    = "entry"
+      file      = "assets/combo-ltr-entry-insensitive.png"
+      border    = {8, 0, 8, 8}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    #############
+    # RTL entry #
+    #############
+
+    image {
+      function  = SHADOW
+      state     = NORMAL
+      detail    = "entry"
+      file      = "assets/combo-rtl-entry.png"
+      border    = {0, 8, 8, 8}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = SHADOW
+      state     = ACTIVE
+      detail    = "entry"
+      file      = "assets/combo-rtl-entry-active.png"
+      border    = {0, 8, 8, 8}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = SHADOW
+      state     = INSENSITIVE
+      detail    = "entry"
+      file      = "assets/combo-rtl-entry-insensitive.png"
+      border    = {0, 8, 8, 8}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    ##############
+    # LTR button #
+    ##############
+
+    image {
+      function  = BOX
+      state     = NORMAL
+      detail    = "button"
+      file      = "assets/combo-ltr-button.png"
+      border    = {0, 8, 8, 8}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = PRELIGHT
+      detail    = "button"
+      file      = "assets/combo-ltr-button-hover.png"
+      border    = {0, 8, 8, 8}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = ACTIVE
+      detail    = "button"
+      file      = "assets/combo-ltr-button-active.png"
+      border    = {0, 8, 8, 8}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = INSENSITIVE
+      detail    = "button"
+      file      = "assets/combo-ltr-button-insensitive.png"
+      border    = {0, 8, 8, 8}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    ##############
+    # RTL button #
+    ##############
+
+    image {
+      function  = BOX
+      state     = NORMAL
+      detail    = "button"
+      file      = "assets/combo-rtl-button.png"
+      border    = {8, 0, 8, 8}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = BOX
+      state     = PRELIGHT
+      detail    = "button"
+      file      = "assets/combo-rtl-button-hover.png"
+      border    = {8, 0, 8, 8}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = BOX
+      state     = ACTIVE
+      detail    = "button"
+      file      = "assets/combo-rtl-button-active.png"
+      border    = {8, 0, 8, 8}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = BOX
+      state     = INSENSITIVE
+      detail    = "button"
+      file      = "assets/combo-rtl-button-insensitive.png"
+      border    = {8, 0, 8, 8}
+      stretch   = TRUE
+      direction = RTL
+    }
+  }
+}
+
+style "combo_button_padding" {
+  # Since one side of the button is missing, we need to shift the arrow a
+  # little to the right.
+  # This is the same thing we've done above but the combo, unlike the combobox,
+  # uses padding the same way as a button.
+  GtkButton::inner-border = {3, 6, 3, 3}
+}
+
+style "notebook" {
+  xthickness = 3
+  ythickness = 3
+}
+
+style "notebook_tab_label" {
+  fg[ACTIVE] = mix(0.75, @fg_color, @bg_color)
+
+  font_name = "Medium"
+}
+
+style "notebook_viewport" {
+  bg[NORMAL] = @base_color
+}
+
+style "notebook_bg" {
+  bg[NORMAL]      = @base_color
+  bg[PRELIGHT]    = @base_color
+  bg[INSENSITIVE] = @base_color
+}
+
+style "notebook_entry" {
+  engine "pixmap" {
+    image {
+      function = SHADOW
+      state    = ACTIVE
+      detail   = "entry"
+      file     = "assets/notebook-entry-active.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = SHADOW
+      state    = INSENSITIVE
+      detail   = "entry"
+      file     = "assets/notebook-entry-insensitive.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = SHADOW
+      detail   = "entry"
+      file     = "assets/notebook-entry.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+  }
+}
+
+style "normal_bg" {
+  bg[NORMAL]      = @bg_color
+  bg[PRELIGHT]    = @bg_color
+  bg[INSENSITIVE] = @bg_color
+}
+
+style "normal_entry" {
+  engine "pixmap" {
+    image {
+      function = SHADOW
+      state    = ACTIVE
+      detail   = "entry"
+      file     = "assets/entry-active.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = SHADOW
+      state    = INSENSITIVE
+      detail   = "entry"
+      file     = "assets/entry-insensitive.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = SHADOW
+      detail   = "entry"
+      file     = "assets/entry.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+  }
+}
+
+style "notebook_combo" {
+  engine "pixmap" {
+
+    #############
+    # LTR entry #
+    #############
+
+    image {
+      function  = SHADOW
+      state     = NORMAL
+      detail    = "entry"
+      file      = "assets/notebook-combo-ltr-entry.png"
+      border    = {8, 8, 8, 8}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = SHADOW
+      state     = ACTIVE
+      detail    = "entry"
+      file      = "assets/notebook-combo-ltr-entry-active.png"
+      border    = {8, 8, 8, 8}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = SHADOW
+      state     = INSENSITIVE
+      detail    = "entry"
+      file      = "assets/notebook-combo-ltr-entry-insensitive.png"
+      border    = {8, 8, 8, 8}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    #############
+    # RTL entry #
+    #############
+
+    image {
+      function  = SHADOW
+      state     = NORMAL
+      detail    = "entry"
+      file      = "assets/notebook-combo-rtl-entry.png"
+      border    = {8, 8, 8, 8}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = SHADOW
+      state     = ACTIVE
+      detail    = "entry"
+      file      = "assets/notebook-combo-rtl-entry-active.png"
+      border    = {8, 8, 8, 8}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = SHADOW
+      state     = INSENSITIVE
+      detail    = "entry"
+      file      = "assets/notebook-combo-rtl-entry-insensitive.png"
+      border    = {8, 8, 8, 8}
+      stretch   = TRUE
+      direction = RTL
+    }
+  }
+}
+
+style "textview" {
+  bg[NORMAL] = @base_color
+}
+
+style "scale_horz" {
+  engine "pixmap" {
+    image {
+      function    = BOX
+      detail      = "trough-upper"
+      file        = "assets/scale-horz-trough.png"
+      border      = {6, 6, 0, 0}
+      stretch     = TRUE
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough-lower"
+      file        = "assets/scale-horz-trough-active.png"
+      border      = {6, 6, 0, 0}
+      stretch     = TRUE
+    }
+  }
+}
+
+style "scale_vert" {
+  engine "pixmap" {
+    image {
+      function    = BOX
+      detail      = "trough-upper"
+      file        = "assets/scale-vert-trough.png"
+      border      = {0, 0, 6, 6}
+      stretch     = TRUE
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough-lower"
+      file        = "assets/scale-vert-trough-active.png"
+      border      = {0, 0, 6, 6}
+      stretch     = TRUE
+    }
+  }
+}
+
+style "progressbar" {
+  xthickness = 0
+  ythickness = 0
+
+  fg[PRELIGHT] = @selected_fg_color
+
+  engine "pixmap" {
+    image {
+      function    = BOX
+      detail      = "trough"
+      file        = "assets/progressbar-trough.png"
+      border      = {0, 0, 0, 0}
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough"
+      file        = "assets/progressbar-trough.png"
+      border      = {0, 0, 0, 0}
+      stretch     = TRUE
+      orientation = VERTICAL
+    }
+  }
+}
+
+style "treeview_header" {
+  xthickness = 2
+  ythickness = 2
+
+  fg[NORMAL]   = mix(0.75, @fg_color, @base_color)
+  fg[PRELIGHT] = @fg_color
+
+  font_name = "Medium"
+
+  GtkButton::inner-border = {4, 4, 0, 2}
+
+  engine "pixmap" {
+    image {
+      function  = BOX
+      state     = NORMAL
+      file      = "assets/treeview-ltr-button.png"
+      border    = {0, 1, 0, 1}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = PRELIGHT
+      file      = "assets/treeview-ltr-button-hover.png"
+      border    = {0, 1, 0, 1}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = ACTIVE
+      file      = "assets/treeview-ltr-button-active.png"
+      border    = {0, 1, 0, 1}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = NORMAL
+      file      = "assets/treeview-rtl-button.png"
+      border    = {1, 0, 0, 1}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = BOX
+      state     = PRELIGHT
+      file      = "assets/treeview-rtl-button-hover.png"
+      border    = {1, 0, 0, 1}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = BOX
+      state     = ACTIVE
+      file      = "assets/treeview-rtl-button-active.png"
+      border    = {1, 0, 0, 1}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      overlay_file    = "assets/pan-up-alt.png"
+      overlay_stretch = FALSE
+      arrow_direction = UP
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      arrow_direction = UP
+    }
+
+    image {
+      function        = ARROW
+      state           = ACTIVE
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      arrow_direction = UP
+    }
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      overlay_file    = "assets/pan-down-alt.png"
+      overlay_stretch = FALSE
+      arrow_direction = DOWN
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      arrow_direction = DOWN
+    }
+
+    image {
+      function        = ARROW
+      state           = ACTIVE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      arrow_direction = DOWN
+    }
+  }
+}
+
+style "scrolled_window" {
+  engine "pixmap" {
+    image {
+      function = SHADOW
+      file     = "assets/frame.png"
+      border   = {1, 1, 1, 1}
+      stretch  = TRUE
+    }
+  }
+}
+
+style "frame" {
+  engine "pixmap" {
+    image {
+      function = SHADOW
+      shadow   = NONE
+    }
+
+    image {
+      function = SHADOW
+      file     = "assets/frame.png"
+      border   = {1, 1, 1, 1}
+      stretch  = TRUE
+    }
+
+    image {
+      function       = SHADOW_GAP
+      file           = "assets/frame.png"
+      border         = {1, 1, 1, 1}
+      stretch        = TRUE
+      gap_start_file = "assets/border.png"
+      gap_end_file   = "assets/border.png"
+    }
+  }
+}
+
+style "tool_button" {
+  GtkButton::inner-border = {2, 2, 2, 2}
+
+  # For the sake of sanity style buttons this way
+  engine "pixmap" {
+    image {
+      function = BOX
+      state    = NORMAL
+      file     = "assets/flat-button.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = PRELIGHT
+      shadow   = OUT
+      file     = "assets/flat-button-hover.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    # Don't add hover effect on pressed buttons
+    image {
+      function = BOX
+      state    = PRELIGHT
+      shadow   = IN
+      file     = "assets/flat-button-active.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = ACTIVE
+      file     = "assets/flat-button-active.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = INSENSITIVE
+      shadow   = OUT
+      file     = "assets/flat-button-insensitive.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = INSENSITIVE
+      shadow   = IN
+      file     = "assets/button-insensitive.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+  }
+}
+
+style "toolbar_separator" {
+  GtkWidget::wide-separators  = 1
+  GtkWidget::separator-width  = 1
+  GtkWidget::separator-height = 1
+
+  engine "pixmap" {
+    image {
+      function = BOX
+      file     = "assets/border.png"
+    }
+  }
+}
+
+style "inline_toolbar" {
+  # GtkToolbar::button-relief = GTK_RELIEF_NORMAL
+
+  engine "pixmap" {
+    image {
+      function = BOX
+      file     = "assets/frame-inline.png"
+      border   = {1, 1, 0, 1}
+      stretch  = TRUE
+    }
+  }
+}
+
+style "tooltip" {
+  xthickness = 8
+  ythickness = 8
+
+  bg[NORMAL]   = @base_color
+  fg[NORMAL]   = @fg_color
+  bg[SELECTED] = @base_color
+}
+
+style "disable_text_shadow" {
+  engine "murrine" {
+    textstyle = 0
+  }
+}
+
+style "disable_separator" {
+  xthickness = 0
+  ythickness = 0
+
+  GtkWidget::wide-separators = 1
+}
+
+style "panel-launchers"
+{
+  xthickness = 0
+  ythickness = 0
+  GtkButton::inner-border = {1, 2, 1, 2}
+}
+
+# Default style, containing theme properties and trying to match every widget as
+# much as possible, which is not only faster than trying to match every widget
+# by its own but also less bug-prune and more consistent. However there is some
+# widget specific stuff that needs to be taken care of, which is the point of
+# every other style below.
+class "GtkWidget" style "default"
+
+######################################
+# Override padding, style and colour #
+######################################
+
+class "GtkButton"                                                  style "button"
+class "GtkLinkButton"                                              style "link_button"
+class "GtkEntry"                                                   style "entry"
+class "GtkOldEditable"                                             style "entry"
+class "GtkNotebook"                                                style "notebook"
+class "GtkHScale"                                                  style "scale_horz"
+class "GtkVScale"                                                  style "scale_vert"
+class "GtkProgressBar"                                             style "progressbar"
+class "GtkScrolledWindow"                                          style "scrolled_window"
+class "GtkFrame"                                                   style "frame"
+class "GtkSeparatorToolItem"                                       style "toolbar_separator"
+class "GtkMenuBar"                                                 style "menubar"
+class "GtkMenu"                                                    style "menu"
+class "GtkTextView"                                                style "textview"
+
+# Menu and menubar items
+widget_class "*<GtkMenuItem>*"                                     style "menu_item"
+widget_class "*<GtkMenuBar>.<GtkMenuItem>*"                        style "menubar_item"
+widget_class "*<GtkSeparatorMenuItem>*"                            style "separator_menu_item"
+
+# Treeview buttons
+widget_class "*<GtkTreeView>*<GtkButton>*"                         style "treeview_header"
+
+# Give the file chooser toolbar a border
+widget_class "*<GtkFileChooserDefault>*<GtkToolbar>"               style "inline_toolbar"
+
+# Fix padding on regular comboboxes
+widget_class "*<GtkComboBox>.<GtkButton>"                          style "combobox"
+
+# And disable separators on them
+widget_class "*<GtkComboBox>.<GtkButton>*<GtkSeparator>"           style "disable_separator"
+widget_class "*<GtkFontButton>*<GtkSeparator>"                     style "disable_separator"
+widget_class "*<GtkFileChooserButton>*<GtkSeparator>"              style "disable_separator"
+
+# Join together the ComboBoxEntry entry and button
+widget_class "*<GtkComboBoxEntry>*"                                style "combobox_entry"
+
+# Join the Combo entry and button
+widget_class "*<GtkCombo>*"                                        style "combobox_entry"
+
+# Tweak the padding on the button a little bit because it
+# uses it a bit differently
+widget_class "*<GtkCombo>.<GtkButton>"                             style "combo_button_padding"
+
+# Alas we cannot do the same for ComboBoxText because there
+# isn't a way to apply the style to only the comboboxes that
+# have an entry inside
+
+# Tool buttons have different styles
+widget_class "*<GtkToolButton>*<GtkButton>"                        style "tool_button"
+widget_class "*<GtkVBox>*<GtkEventBox>.<GtkToolbar>*<GtkButton>"   style "tool_button"
+
+# Notebooks
+widget_class "*<GtkNotebook>.<GtkLabel>"                           style "notebook_tab_label"
+widget_class "*<GtkNotebook>.<GtkHBox>.<GtkLabel>"                 style "notebook_tab_label"
+
+# Notebooks are white, act accordingly
+widget_class "*<GtkNotebook>*<GtkEntry>"                           style "notebook_entry"
+widget_class "*<GtkNotebook>*<GtkProgressBar>"                     style "notebook_bg"
+widget_class "*<GtkNotebook>*<GtkSpinButton>"                      style "notebook_bg"
+widget_class "*<GtkNotebook>*<GtkScrolledWindow>*<GtkViewport>"    style "notebook_bg"
+widget_class "*<GtkNotebook>*<GimpRuler>"                          style "notebook_bg"
+widget_class "*<GtkNotebook>.<GimpDisplayShell>*<GtkEventBox>"     style "notebook_bg"
+widget_class "*<GtkNotebook>*<GtkComboBoxEntry>*"                  style "notebook_combo"
+widget_class "*<GtkNotebook>*<GtkCombo>*"                          style "notebook_combo"
+
+# However, stuff inside eventboxes inside notebooks is grey
+# again, react
+widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkEntry>"             style "normal_entry"
+widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkProgressBar>"       style "normal_bg"
+widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkSpinButton>"        style "normal_bg"
+widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkComboBoxEntry>*"    style "combobox_entry"
+widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkCombo>*"            style "combobox_entry"
+widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkCombo>.<GtkButton>" style "combo_button_padding"
+
+# Button labels
+widget_class "*<GtkButton>*<GtkLabel>"                             style "button_label"
+
+# Checkbutton labels
+widget_class "*<GtkCheckButton>.<GtkLabel>"                        style "checkbutton_label"
+
+# ComboBoxes tend to draw the button label with text[]
+# instead of fg[], we need to fix that
+widget_class "*<GtkComboBox>*<GtkCellView>"                        style "combobox_cellview"
+
+# Disable white text shadows
+widget_class "*<GtkLabel>"                                         style "disable_text_shadow"
+widget_class "*<GtkCellView>"                                      style "disable_text_shadow"
+
+# GTK tooltips
+widget "gtk-tooltip*"                                              style "tooltip"
+
+# Xfce4 panel launchers
+widget "*launcher*" style "panel-launchers"
diff --git a/gtk-2.0/panel.rc b/gtk-2.0/panel.rc
new file mode 100644
index 0000000..e56a2d1
--- /dev/null
+++ b/gtk-2.0/panel.rc
@@ -0,0 +1,193 @@
+# Panel
+gtk-color-scheme = "panel_bg_color:#212121\npanel_fg_color:#EFEFEF"
+
+style "theme-panel" {
+  GtkButton::inner-border = { 0, 0, 0, 0 }
+  xthickness = 2
+  ythickness = 0
+
+  bg[NORMAL] = shade(1.0, @panel_bg_color)
+  bg[ACTIVE] = @selected_bg_color
+  bg[PRELIGHT] = shade(0.9, @panel_bg_color)
+  bg[SELECTED] = @selected_bg_color
+
+  fg[NORMAL] = shade(1.0, @panel_fg_color)
+  fg[PRELIGHT] = @panel_fg_color
+  fg[ACTIVE] = @selected_fg_color
+  fg[SELECTED] = @selected_fg_color
+
+  text[NORMAL] = shade(1.0, @panel_fg_color)
+  text[PRELIGHT] = shade(1.1, @panel_fg_color)
+  text[ACTIVE] = shade(1.0, @panel_fg_color)
+  text[SELECTED] = @selected_fg_color
+}
+
+style "theme-panel-progressbar" {
+  bg[ACTIVE] = shade(0.8, @panel_bg_color)
+}
+
+style "panelbar" {
+
+  fg[NORMAL] = shade(1.0, @panel_fg_color)
+  fg[ACTIVE] = shade(1.0, @panel_fg_color)
+  fg[PRELIGHT] = shade(1.1, @panel_fg_color)
+  fg[SELECTED] = @selected_fg_color
+
+  bg[SELECTED] = @selected_bg_color
+
+}
+
+style "panelbuttons" {
+  GtkButton::inner-border = { 0, 0, 0, 0 }
+  xthickness = 4
+  ythickness = 0
+
+  fg[NORMAL] = shade(0.8, @panel_fg_color)
+  fg[PRELIGHT] = @selected_fg_color
+  fg[ACTIVE] = @selected_fg_color
+  fg[SELECTED] = @selected_fg_color
+  fg[INSENSITIVE] = mix(0.28, @panel_fg_color, @panel_bg_color)
+  bg[PRELIGHT] = shade(1.2, @panel_bg_color)
+  bg[ACTIVE] = shade(1.5, @panel_bg_color)
+
+  engine "pixmap" {
+    image {
+      function = BOX
+      state    = NORMAL
+      file     = "assets/flat-button.png"
+      border   = { 0, 0, 0, 2 }
+      stretch  = TRUE
+    }
+    image {
+      function = BOX
+      state    = ACTIVE
+      file     = "assets/pathbar_button_active.png"
+      border   = { 0, 0, 0, 2 }
+      stretch  = TRUE
+    }
+    image {
+      function = BOX
+      state    = PRELIGHT
+      file     = "assets/pathbar_button_prelight.png"
+      border   = { 0, 0, 0, 2 }
+      stretch  = TRUE
+    }
+    image {
+      function = BOX
+      state    = INSENSITIVE
+      file     = "assets/flat-button.png"
+      border   = { 0, 0, 0, 2 }
+      stretch  = TRUE
+    }
+  }
+}
+
+style "regular-label" {
+  font_name = "Regular"
+}
+
+style "theme-panel-text" {
+
+  fg[NORMAL] = shade(1.0, @panel_fg_color)
+  fg[PRELIGHT] = @selected_fg_color
+  fg[ACTIVE] = shade(1.0, @panel_fg_color)
+
+  text[NORMAL] = shade(1.0, @panel_fg_color)
+  text[PRELIGHT] = @selected_fg_color
+  text[ACTIVE] = shade(1.0, @panel_fg_color)
+
+  engine "murrine" {
+    textstyle = 0
+    text_shade = 0.2
+  }
+}
+
+style "panel-entry" {
+
+  fg[NORMAL] = @panel_fg_color
+  fg[PRELIGHT] = @panel_fg_color
+  fg[ACTIVE] = @panel_fg_color
+  fg[SELECTED] = @panel_fg_color
+  fg[INSENSITIVE] = @panel_fg_color
+
+  text[NORMAL] = @panel_fg_color
+  text[PRELIGHT] = @panel_fg_color
+  text[ACTIVE] = @panel_fg_color
+  text[SELECTED] = @panel_fg_color
+  text[INSENSITIVE] = @panel_fg_color
+
+}
+
+style "theme-main-menu-text" = "theme-panel-text" {
+  fg[PRELIGHT] = @selected_fg_color
+  text[PRELIGHT] = @selected_fg_color
+}
+
+style "workspace-switcher" = "theme-panel" {
+  bg[SELECTED] = @selected_bg_color
+}
+
+style "indicator" = "theme-panel" {
+  xthickness = 0
+  ythickness = 0
+}
+
+widget "*tasklist*"                                   style "panelbuttons"
+widget_class "*Xfce*Panel*.GtkToggleButton"           style "panelbuttons"
+widget_class "*Xfce*NetkTasklist*GtkToggleButton"     style "panelbuttons"
+widget_class "*PanelToplevel*Button"                  style "panelbuttons"
+widget_class "*Panel*GtkToggleButton"                 style "panelbuttons"
+widget_class "*Xfce*Panel*Button*"                    style "panelbuttons"
+widget_class "*<XfceArrowButton>"                     style "panelbuttons"
+widget_class "*<XfceActionsPlugin>*"                  style "panelbuttons"
+widget_class "*XfcePanelPlugin.GtkButton"             style "panelbuttons"
+widget_class "*XfcePanelPlugin.GtkToggleButton"       style "panelbuttons"
+widget "*dict*Applet*"                                style "panelbuttons"
+widget_class "*Xfce*NetkTasklist*GtkToggleButton"     style "panelbuttons"
+widget_class "*Tasklist*"                             style:highest "panelbuttons"
+widget_class "*Tasklist*.GtkLabel"                    style:highest "regular-label"
+widget_class "*Mixer*lugin*"                          style:highest "panelbuttons"
+
+class "*Panel*MenuBar*"                               style "panelbar"
+widget_class "*Panel*MenuBar*"                        style "panelbar"
+widget_class "*Panel*MenuBar*Item*"                   style:highest "panelbar"
+
+widget "*PanelWidget*"                                style "theme-panel"
+widget "*PanelApplet*"                                style "theme-panel"
+widget "*fast-user-switch*"                           style "theme-panel"
+widget "*CPUFreq*Applet*"                             style "theme-panel"
+class "PanelApp*"                                     style "theme-panel"
+class "PanelToplevel*"                                style "theme-panel"
+widget_class "*PanelToplevel*"                        style "theme-panel"
+widget_class "*notif*"                                style "theme-panel"
+widget_class "*Notif*"                                style "theme-panel"
+widget_class "*Tray*"                                 style "theme-panel" 
+widget_class "*tray*"                                 style "theme-panel"
+widget_class "*computertemp*"                         style "theme-panel"
+widget_class "*Applet*Tomboy*"                        style "theme-panel"
+widget_class "*Applet*Netstatus*"                     style "theme-panel"
+
+# Fixes for tooltip text in some apps.
+widget_class "*Notif*Beagle*"                         style "theme-panel"
+widget_class "*Notif*Brasero*"                        style "theme-panel"
+
+# XFCE panel theming.
+widget "*Xfce*Panel*"                                 style "theme-panel"
+class "*Xfce*Panel*"                                  style "theme-panel"
+widget "*Xfce*Panel*GtkProgressBar"                   style "theme-panel-progressbar"
+widget "*WnckPager*"                                  style "workspace-switcher"
+widget "*TopMenu*"                                    style "theme-panel"
+widget "*XfceTasklist*"                               style "panelbuttons"
+
+# Fix gtk-entries in the panel
+widget "*bookmark*GtkEntry"                           style "panel-entry" # fixes smartbookmark-plugin
+
+# Make sure panel text color doesn't change
+widget_class "*Panel*MenuBar*"                        style "theme-main-menu-text"
+widget_class "*Panel*<GtkMenuBar>*"                   style "theme-main-menu-text"
+widget "*.clock-applet-button.*"                      style "theme-panel-text"
+widget "*PanelApplet*"                                style "theme-panel-text"
+
+# Override general panel-style with specific plugin-styles
+widget "*indicator-applet*"                           style "indicator"
+widget "*indicator-button*"                           style "indicator"
diff --git a/gtk-3.0/assets b/gtk-3.0/assets
new file mode 120000
index 0000000..ac77667
--- /dev/null
+++ b/gtk-3.0/assets
@@ -0,0 +1 @@
+../gtk-assets
\ No newline at end of file
diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css
new file mode 100644
index 0000000..68de6c0
--- /dev/null
+++ b/gtk-3.0/gtk-dark.css
@@ -0,0 +1,8847 @@
+@keyframes ripple_effect {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes scale_ripple_effect {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes header_ripple_effect {
+  from {
+    background-image: radial-gradient(circle farthest-corner at center, #5657f5 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle farthest-corner at center, #5657f5 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -GtkToolButton-icon-spacing: 0;
+  -GtkTextView-error-underline-color: #DD2C00;
+  -GtkScrolledWindow-scrollbar-spacing: 0;
+  -GtkToolItemGroup-expander-size: 11;
+  -GtkWidget-text-handle-width: 24;
+  -GtkWidget-text-handle-height: 24;
+  -GtkDialog-button-spacing: 4;
+  -GtkDialog-action-area-border: 0;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 7px;
+  -gtk-secondary-caret-color: #5657f5;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+window.background.csd stack stack stack frame > list,
+window.background.csd > stack > stack > box > frame > list,
+window.background.csd > stack > stack > box > box > frame > list,
+window.background.csd > stack > box > stack > box > frame > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
+window.background.csd > stack > scrolledwindow > viewport > box > list,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list, preferencesgroup list, .geary-accounts-editor-pane list, window.background.csd.unified > deck > deck > deck list, hdyleaflet stack.background scrolledwindow > viewport list, hdyleaflet overlay scrolledwindow > viewport list, leaflet stack.background scrolledwindow > viewport list, leaflet overlay scrolledwindow > viewport list, list.tweak-group list, list#ListBoxTweakGroup list, .tweak-group-startup {
+  border-radius: 8px;
+  box-shadow: none;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+window.background.csd stack stack stack frame > list row.activatable,
+window.background.csd > stack > stack > box > frame > list row.activatable,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list row.activatable,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list row.activatable, window.background.csd > stack > list row.activatable, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list > row.activatable, preferencesgroup list row.activatable, .geary-accounts-editor-pane list row.activatable, window.background.csd.unified > deck > deck > deck list row.activatable, hdyleaflet stack.background scrolledwindow > viewport list row.activatable, hdyleaflet overlay scrolledwindow > viewport list row.activatable, leaflet stack.background scrolledwindow > viewport list row.activatable, leaflet overlay scrolledwindow > viewport list row.activatable, list.tweak-group list row.activatable, list#ListBoxTweakGroup list row.activatable, .tweak-group-startup row.activatable, popover.background.combo list > row.activatable {
+  border-radius: 0;
+  margin: 0;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list > row.activatable:first-child, preferencesgroup list row.activatable:first-child, .geary-accounts-editor-pane list row.activatable:first-child, window.background.csd.unified > deck > deck > deck list row.activatable:first-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:first-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child, leaflet stack.background scrolledwindow > viewport list row.activatable:first-child, leaflet overlay scrolledwindow > viewport list row.activatable:first-child, list.tweak-group list row.activatable:first-child, list#ListBoxTweakGroup list row.activatable:first-child, .tweak-group-startup row.activatable:first-child, popover.background.combo list > row.activatable:first-child {
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list > row.activatable:last-child, preferencesgroup list row.activatable:last-child, .geary-accounts-editor-pane list row.activatable:last-child, window.background.csd.unified > deck > deck > deck list row.activatable:last-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:last-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child, leaflet stack.background scrolledwindow > viewport list row.activatable:last-child, leaflet overlay scrolledwindow > viewport list row.activatable:last-child, list.tweak-group list row.activatable:last-child, list#ListBoxTweakGroup list row.activatable:last-child, .tweak-group-startup row.activatable:last-child, popover.background.combo list > row.activatable:last-child {
+  border-bottom-left-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list > row.activatable:only-child, preferencesgroup list row.activatable:only-child, .geary-accounts-editor-pane list row.activatable:only-child, window.background.csd.unified > deck > deck > deck list row.activatable:only-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:only-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child, leaflet stack.background scrolledwindow > viewport list row.activatable:only-child, leaflet overlay scrolledwindow > viewport list row.activatable:only-child, list.tweak-group list row.activatable:only-child, list#ListBoxTweakGroup list row.activatable:only-child, .tweak-group-startup row.activatable:only-child, popover.background.combo list > row.activatable:only-child {
+  border-radius: 7px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: rgba(52, 52, 59, 0.999);
+  color: #FFFFFF;
+}
+
+.background.csd {
+  border-radius: 0 0 13px 13px;
+}
+
+.background.maximized, .background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #34343b;
+  color: #FFFFFF;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #28282d;
+  color: #FFFFFF;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #1c1c20;
+  color: #FFFFFF;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #34343b;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view, filechooser stack.view scrolledwindow treeview.view, iconview, .view {
+  background-color: #31313a;
+  color: #FFFFFF;
+}
+
+window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:disabled, filechooser stack.view scrolledwindow treeview.view:disabled, iconview:disabled, .view:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+textview text {
+  background-color: #31313a;
+}
+
+textview border {
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+iconview {
+  border-radius: 5px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+flowbox rubberband {
+  border: 1px solid #5C6BC0;
+  background-color: rgba(92, 107, 192, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 7px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+  color: inherit;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: #FFFFFF;
+}
+
+label selection {
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+label:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+label:disabled selection {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+tab label:disabled, button label:disabled {
+  color: inherit;
+}
+
+.dim-label, .budgie-notification .notification-body, .budgie-switcher .notification-body, headerbar .subtitle, label.separator {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(255, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #FFFFFF;
+}
+
+.nautilus-window .floating-bar, .osd .scale-popup, .app-notification, popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .osd {
+  opacity: 0.9;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+  to {
+    -gtk-icon-transform: rotate(1turn);
+  }
+}
+
+spinner {
+  background: none;
+  opacity: 0;
+  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+}
+
+spinner:checked {
+  opacity: 1;
+  animation: spin 1s linear infinite;
+}
+
+spinner:checked:disabled {
+  opacity: 0.5;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+spinbutton:not(.vertical), entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 7px;
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #44454b;
+  color: #FFFFFF;
+}
+
+spinbutton:focus:not(.vertical), entry:focus {
+  border-image: none;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+spinbutton:disabled:not(.vertical), entry:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+#login_window entry, .raven .raven-background spinbutton:not(.vertical), .budgie-popover entry,
+.budgie-popover spinbutton:not(.vertical), window#whiskermenu-window entry, editortweak entry.search, layoutpane entry.search, entry.preferences-search, colorchooser .popover.osd spinbutton:not(.vertical), messagedialog entry, notebook > stack:not(:only-child) entry:not(.search),
+notebook > stack:not(:only-child) spinbutton:not(.vertical), popover.background .linked entry, popover.background entry,
+popover.background spinbutton:not(.vertical), spinbutton.flat:not(.vertical), entry.flat {
+  border-radius: 0;
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2);
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+#login_window entry:focus, .raven .raven-background spinbutton:focus:not(.vertical), .budgie-popover entry:focus,
+.budgie-popover spinbutton:focus:not(.vertical), window#whiskermenu-window entry:focus, editortweak entry.search:focus, layoutpane entry.search:focus, entry.preferences-search:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), messagedialog entry:focus, notebook > stack:not(:only-child) entry:focus:not(.search),
+notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), popover.background .linked entry:focus, popover.background entry:focus,
+popover.background spinbutton:focus:not(.vertical), spinbutton.flat:focus:not(.vertical), entry.flat:focus {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2);
+}
+
+#login_window entry:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), .budgie-popover entry:disabled,
+.budgie-popover spinbutton:disabled:not(.vertical), window#whiskermenu-window entry:disabled, editortweak entry.search:disabled, layoutpane entry.search:disabled, entry.preferences-search:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), messagedialog entry:disabled, notebook > stack:not(:only-child) entry:disabled:not(.search),
+notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), popover.background .linked entry:disabled, popover.background entry:disabled,
+popover.background spinbutton:disabled:not(.vertical), spinbutton.flat:disabled:not(.vertical), entry.flat:disabled {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton:not(.vertical) image, entry image {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active {
+  color: #FFFFFF;
+}
+
+spinbutton:not(.vertical) image:disabled, entry image:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton:not(.vertical) image.left, entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton:not(.vertical) image.right, entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton:not(.vertical) undershoot.left, entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(to top, rgba(49, 49, 58, 0.3) 50%, rgba(255, 255, 255, 0.2) 50%);
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+}
+
+spinbutton:not(.vertical) undershoot.right, entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(to top, rgba(49, 49, 58, 0.3) 50%, rgba(255, 255, 255, 0.2) 50%);
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+}
+
+spinbutton.error:not(.vertical), entry.error {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #DD2C00;
+  color: #FFFFFF;
+}
+
+spinbutton.error:focus:not(.vertical), entry.error:focus {
+  border-image: none;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+spinbutton.error:disabled:not(.vertical), entry.error:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.error.flat:not(.vertical), entry.error.flat {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px;
+  box-shadow: inset 0 -1px #DD2C00;
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+spinbutton.error.flat:focus:not(.vertical), entry.error.flat:focus {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px;
+  box-shadow: inset 0 -1px #DD2C00;
+}
+
+spinbutton.error.flat:disabled:not(.vertical), entry.error.flat:disabled {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.error:not(.vertical) image, entry.error image {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active {
+  color: #FFFFFF;
+}
+
+spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.warning:not(.vertical), entry.warning {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #FF6D00;
+  color: #FFFFFF;
+}
+
+spinbutton.warning:focus:not(.vertical), entry.warning:focus {
+  border-image: none;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+spinbutton.warning:disabled:not(.vertical), entry.warning:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.warning.flat:not(.vertical), entry.warning.flat {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
+  box-shadow: inset 0 -1px #FF6D00;
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+spinbutton.warning.flat:focus:not(.vertical), entry.warning.flat:focus {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
+  box-shadow: inset 0 -1px #FF6D00;
+}
+
+spinbutton.warning.flat:disabled:not(.vertical), entry.warning.flat:disabled {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.warning:not(.vertical) image, entry.warning image {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active {
+  color: #FFFFFF;
+}
+
+spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton:not(.vertical) progress, entry progress {
+  margin: 2px -6px;
+  border-bottom: 2px solid #5657f5;
+  background-color: transparent;
+}
+
+.linked:not(.vertical) > spinbutton.flat:not(.vertical), .linked.vertical > spinbutton.flat:not(.vertical), .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat {
+  border-radius: 0;
+}
+
+notebook > stack:not(:only-child) treeview entry:not(.search),
+notebook > stack:not(:only-child) treeview spinbutton:not(.vertical),
+treeview entry {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #31313a;
+}
+
+notebook > stack:not(:only-child) treeview entry:not(.search),
+notebook > stack:not(:only-child) treeview spinbutton:not(.vertical),
+treeview entry {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag, .photos-entry-tag, .documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs_attention {
+  from {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#7C4DFF), to(transparent));
+  }
+  to {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#7C4DFF), to(transparent));
+  }
+}
+
+.budgie-panel button, PanelToplevel.horizontal > grid > button, .mate-panel-menu-bar button, .nemo-window .toolbar button, .nemo-window toolbar.primary-toolbar > toolitem > box > button, layouttabbar button, stackswitcher > button, infobar.info > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:backdrop > revealer > box button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+headerbar button:not(.suggested-action):not(.destructive-action), .caja-pathbar button,
+.path-bar button, toolbar button, button.flat {
+  transition: 100ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel button:hover, PanelToplevel.horizontal > grid > button:hover, .mate-panel-menu-bar button:hover, .nemo-window .toolbar button:hover, .nemo-window toolbar.primary-toolbar > toolitem > box > button:hover, layouttabbar button:hover, stackswitcher > button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action), .caja-pathbar button:hover,
+.path-bar button:hover, toolbar button:hover, button.flat:hover {
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1);
+  color: #FFFFFF;
+}
+
+.budgie-panel button:active, PanelToplevel.horizontal > grid > button:active, .mate-panel-menu-bar button:active, .nemo-window .toolbar button:active, .nemo-window toolbar.primary-toolbar > toolitem > box > button:active, layouttabbar button:active, stackswitcher > button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action), .caja-pathbar button:active,
+.path-bar button:active, toolbar button:active, button.flat:active {
+  transition: 100ms, border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
+  animation: ripple_effect 100ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1);
+  background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%);
+  background-size: 0% 0%;
+  color: #FFFFFF;
+}
+
+.budgie-panel button:disabled, PanelToplevel.horizontal > grid > button:disabled, .mate-panel-menu-bar button:disabled, .nemo-window .toolbar button:disabled, .nemo-window toolbar.primary-toolbar > toolitem > box > button:disabled, layouttabbar button:disabled, stackswitcher > button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, infobar.warning > revealer > box button:disabled, infobar.error > revealer > box button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action), .caja-pathbar button:disabled,
+.path-bar button:disabled, toolbar button:disabled, button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.budgie-panel button:checked, PanelToplevel.horizontal > grid > button:checked, .mate-panel-menu-bar button:checked, .nemo-window .toolbar button:checked, .nemo-window toolbar.primary-toolbar > toolitem > box > button:checked, layouttabbar button:checked, stackswitcher > button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action), .caja-pathbar button:checked,
+.path-bar button:checked, toolbar button:checked, button.flat:checked {
+  background-color: rgba(255, 255, 255, 0.2);
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  color: #FFFFFF;
+}
+
+.budgie-panel button:checked:disabled, PanelToplevel.horizontal > grid > button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .nemo-window .toolbar button:checked:disabled, .nemo-window toolbar.primary-toolbar > toolitem > box > button:checked:disabled, layouttabbar button:checked:disabled, stackswitcher > button:checked:disabled, infobar.info > revealer > box button:checked:disabled, infobar.question > revealer > box button:checked:disabled, infobar.warning > revealer > box button:checked:disabled, infobar.error > revealer > box button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .caja-pathbar button:checked:disabled,
+.path-bar button:checked:disabled, toolbar button:checked:disabled, button.flat:checked:disabled {
+  background-color: rgba(255, 255, 255, 0.08);
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.lightdm-gtk-greeter button, .budgie-polkit-dialog .linked.horizontal > button,
+.budgie-session-dialog .linked.horizontal > button, .drop-shadow button, .raven .raven-header.top stackswitcher button, .raven .raven-header:not(.top) button, .raven stackswitcher.linked > button, .budgie-popover button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, popover.messagepopover .popover-action-area button, .gedit-search-slider button, placessidebar row button.sidebar-button, messagedialog.csd .dialog-action-area button, messagedialog .dialog-action-area button, calendar.button, check,
+radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat,
+.menuitem.button.flat {
+  transition: 100ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.lightdm-gtk-greeter button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-session-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .raven .raven-header.top stackswitcher button:hover, .raven .raven-header:not(.top) button:hover, .raven stackswitcher.linked > button:hover, .budgie-popover button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, popover.messagepopover .popover-action-area button:hover, .gedit-search-slider button:hover, placessidebar row button.sidebar-button:hover, messagedialog .dialog-action-area button:hover, calendar.button:hover, check:hover,
+radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, modelbutton.flat:hover,
+.menuitem.button.flat:hover {
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1);
+  color: #FFFFFF;
+}
+
+.lightdm-gtk-greeter button:active, .budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-session-dialog .linked.horizontal > button:active, .drop-shadow button:active, .raven .raven-header.top stackswitcher button:active, .raven .raven-header:not(.top) button:active, .raven stackswitcher.linked > button:active, .budgie-popover button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, popover.messagepopover .popover-action-area button:active, .gedit-search-slider button:active, placessidebar row button.sidebar-button:active, messagedialog .dialog-action-area button:active, calendar.button:active, check:active,
+radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, modelbutton.flat:active,
+.menuitem.button.flat:active {
+  transition: 100ms, border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
+  animation: ripple_effect 100ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1);
+  background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%);
+  background-size: 0% 0%;
+  color: #FFFFFF;
+}
+
+.lightdm-gtk-greeter button:disabled, .budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-session-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .raven .raven-header.top stackswitcher button:disabled, .raven .raven-header:not(.top) button:disabled, .raven stackswitcher.linked > button:disabled, .budgie-popover button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, popover.messagepopover .popover-action-area button:disabled, .gedit-search-slider button:disabled, placessidebar row button.sidebar-button:disabled, messagedialog .dialog-action-area button:disabled, calendar.button:disabled, check:disabled,
+radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, modelbutton.flat:disabled,
+.menuitem.button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.raven-mpris button.image-button, infobar.info > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:backdrop > revealer > box button, row:selected button, row:selected button.flat {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.raven-mpris button.image-button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover, row:selected button:hover, .raven-mpris button.image-button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, row:selected button:active {
+  color: #FFFFFF;
+}
+
+.raven-mpris button.image-button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, infobar.warning > revealer > box button:disabled, infobar.error > revealer > box button:disabled, row:selected button:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.raven-mpris button.image-button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked, row:selected button:checked {
+  background-color: rgba(255, 255, 255, 0.3);
+  color: #FFFFFF;
+}
+
+.raven-mpris button.image-button:checked:disabled, infobar.info > revealer > box button:checked:disabled, infobar.question > revealer > box button:checked:disabled, infobar.warning > revealer > box button:checked:disabled, infobar.error > revealer > box button:checked:disabled, row:selected button:checked:disabled {
+  background-color: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.raven-mpris button.image-button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, infobar.warning > revealer > box button:disabled, infobar.error > revealer > box button:disabled, row:selected button:disabled {
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.3);
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 7px;
+  font-weight: 500;
+  transition: 100ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 0 0 9999px transparent;
+  background-color: #44454b;
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+button:hover {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 0 0 9999px transparent;
+  color: #FFFFFF;
+}
+
+button:active {
+  transition: 100ms, background-size 0, background-image 0;
+  animation: ripple_effect 100ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 0 0 9999px rgba(255, 255, 255, 0.1);
+  background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%);
+  background-size: 0% 0%;
+  color: #FFFFFF;
+}
+
+button:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.3);
+}
+
+button:checked {
+  background-color: #5657f5;
+  color: #FFFFFF;
+  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+button:checked:disabled {
+  background-color: rgba(86, 87, 245, 0.3);
+  color: rgba(86, 87, 245, 0.5);
+  background-image: none;
+}
+
+button.text-button {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked > button.flat, .linked.vertical > button.flat {
+  border-radius: 7px;
+}
+
+.linked > button.flat.image-button, .linked > button.flat.text-button.image-button, .linked.vertical > button.flat.image-button, .linked.vertical > button.flat.text-button.image-button {
+  border-radius: 7px;
+  -gtk-outline-radius: 7px;
+}
+
+button.osd {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 12px;
+  margin: 9px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #7C4DFF;
+  color: #FFFFFF;
+  background-image: linear-gradient(to bottom, #4FC3F7, #42A5F5);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+  background-image: none;
+}
+
+button.suggested-action:checked {
+  background-color: #a382ff;
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #7C4DFF;
+  background-image: none;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+  background-image: none;
+}
+
+button.suggested-action.flat:checked {
+  background-image: none;
+  background-color: rgba(124, 77, 255, 0.3);
+}
+
+button.destructive-action {
+  background-color: #FF5252;
+  color: #FFFFFF;
+  background-image: linear-gradient(to bottom, #EF5350, #FF5252);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+  background-image: none;
+}
+
+button.destructive-action:checked {
+  background-color: #ff8686;
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #FF5252;
+  background-image: none;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+  background-image: none;
+}
+
+button.destructive-action.flat:checked {
+  background-image: none;
+  background-color: rgba(255, 82, 82, 0.3);
+}
+
+.stack-switcher > button {
+  outline-offset: -4px;
+}
+
+.stack-switcher > button > label {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.stack-switcher > button > image {
+  padding-left: 6px;
+  padding-right: 6px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+.stack-switcher > button.text-button {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.stack-switcher > button.image-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+.primary-toolbar button {
+  -gtk-icon-shadow: none;
+}
+
+.raven .expander-button, .raven .raven-header:not(.top) button.image-button, widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle, .terminix-session-sidebar button.tilix-sidebar-close-button,
+.tilix-session-sidebar button.tilix-sidebar-close-button, .nemo-window toolbar.primary-toolbar > toolitem > box > button, .nautilus-window headerbar > revealer > button, .solid-csd headerbar:not(.default-decoration) button.titlebutton, headerbar button.titlebutton,
+.titlebar button.titlebutton, row button.image-button, headerbar.default-decoration button.titlebutton, headerbar button.suggested-action, headerbar button.destructive-action,
+headerbar button:not(.suggested-action):not(.destructive-action), check,
+radio, button.close, button.circular {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, placessidebar row button.sidebar-button, notebook > header tab button.flat, spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+}
+
+stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+  animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+.linked:not(.vertical) > combobox > box > button.combo, row .linked button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button {
+  border-radius: 0;
+  -gtk-outline-radius: 7px;
+}
+
+row .linked button:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child {
+  border-top-left-radius: 7px;
+  border-bottom-left-radius: 7px;
+}
+
+row .linked button:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child {
+  border-top-right-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+row .linked button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child {
+  border-radius: 7px;
+}
+
+.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button {
+  border-radius: 0;
+  -gtk-outline-radius: 7px;
+}
+
+.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child {
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child {
+  border-bottom-left-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child {
+  border-radius: 7px;
+}
+
+/* menu buttons */
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 4px;
+  color: inherit;
+  -gtk-outline-radius: 2px;
+}
+
+modelbutton.flat arrow {
+  background: none;
+}
+
+modelbutton.flat arrow:hover {
+  background: none;
+}
+
+modelbutton.flat arrow.left {
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+modelbutton.flat arrow.right {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+/*********
+ * Links *
+ *********/
+*:link, button:link,
+button:visited {
+  color: #039BE5;
+}
+
+*:link:visited, *:link:visited:hover, *:link:visited:active,
+button:visited {
+  color: #E040FB;
+}
+
+infobar.info > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link,
+button:selected:visited, *:selected button:link,
+*:selected button:visited {
+  color: #FFFFFF;
+}
+
+button:link > label,
+button:visited > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+.budgie-popover spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled,
+spinbutton:not(.vertical) entry {
+  min-width: 32px;
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.vertical:drop(active) {
+  box-shadow: none;
+}
+
+spinbutton.vertical entry {
+  min-height: 36px;
+  min-width: 48px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  min-height: 36px;
+  min-width: 48px;
+  padding: 0;
+}
+
+spinbutton.vertical button.up {
+  border-radius: 7px 7px 0 0;
+}
+
+spinbutton.vertical button.down {
+  border-radius: 0 0 7px 7px;
+}
+
+treeview spinbutton:not(.vertical) {
+  min-height: 0;
+  border-style: none;
+  border-radius: 0;
+}
+
+treeview spinbutton:not(.vertical) entry {
+  min-height: 0;
+  padding: 1px 2px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+combobox arrow {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  min-height: 16px;
+  min-width: 16px;
+}
+
+combobox decoration,
+combobox button.combo:checked {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox #gtk-combobox-popup-menu menuitem {
+  min-height: 32px;
+  padding: 0 8px;
+}
+
+combobox #gtk-combobox-popup-menu > arrow.top {
+  margin-top: -2px;
+}
+
+combobox #gtk-combobox-popup-menu > arrow.bottom {
+  margin-top: 4px;
+  margin-bottom: -6px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 7px;
+  border-bottom-left-radius: 7px;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+combobox:drop(active) {
+  box-shadow: none;
+}
+
+.linked:not(.vertical) > combobox:first-child > box > button.combo {
+  border-top-left-radius: 7px;
+  border-bottom-left-radius: 7px;
+}
+
+.linked:not(.vertical) > combobox:last-child > box > button.combo {
+  border-bottom-right-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+.linked:not(.vertical) > combobox:only-child > box > button.combo {
+  border-radius: 7px;
+}
+
+.linked.vertical > combobox:first-child > box > button.combo {
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+.linked.vertical > combobox:last-child > box > button.combo {
+  border-bottom-left-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+.linked.vertical > combobox:only-child > box > button.combo {
+  border-radius: 7px;
+}
+
+#login_window #user_combobox button, .raven .raven-background button.combo, .budgie-popover button.combo, notebook > stack:not(:only-child) button.combo, popover.background button.combo {
+  border-radius: 0;
+  background-image: none;
+  font-weight: inherit;
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2);
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+#login_window #user_combobox button:hover, .raven .raven-background button.combo:hover, .budgie-popover button.combo:hover, notebook > stack:not(:only-child) button.combo:hover, popover.background button.combo:hover {
+  box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5);
+}
+
+#login_window #user_combobox button:checked, .raven .raven-background button.combo:checked, .budgie-popover button.combo:checked, notebook > stack:not(:only-child) button.combo:checked, popover.background button.combo:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+#login_window #user_combobox button:disabled, .raven .raven-background button.combo:disabled, .budgie-popover button.combo:disabled, notebook > stack:not(:only-child) button.combo:disabled, popover.background button.combo:disabled {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+  color: rgba(255, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -GtkWidget-window-dragging: true;
+  padding: 2px;
+  background-color: #34343b;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown, .app-notification, toolbar.osd {
+  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 7px;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #31313a;
+}
+
+frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+toolbar.vertical > separator {
+  margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+  margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+  margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+  margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+  margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+.inline-toolbar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 1px 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #3b3b43;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #34343b;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+  padding: 6px;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
+  border-radius: 7px;
+}
+
+.caja-pathbar button:checked,
+.path-bar button:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar button:checked,
+.path-bar button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label, .caja-pathbar button image,
+.path-bar button label,
+.path-bar button image {
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(255, 255, 255, 0.2);
+  border-top-color: rgba(255, 255, 255, 0.08);
+}
+
+* {
+  -GtkTreeView-horizontal-separator: 4;
+  -GtkTreeView-grid-line-width: 1;
+  -GtkTreeView-grid-line-pattern: '';
+  -GtkTreeView-tree-line-width: 1;
+  -GtkTreeView-tree-line-pattern: '';
+  -GtkTreeView-expander-size: 16;
+}
+
+treeview.view:selected {
+  border-left-color: rgba(255, 255, 255, 0.3);
+}
+
+treeview.view:hover, treeview.view:active, treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(255, 255, 255, 0.08);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: #7C4DFF;
+}
+
+treeview.view:drop(active).after {
+  border-top-style: none;
+}
+
+treeview.view:drop(active).before {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(255, 255, 255, 0.7);
+}
+
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+treeview.view.expander:checked {
+  -gtk-icon-transform: unset;
+}
+
+treeview.view.expander:hover, treeview.view.expander:active {
+  color: #FFFFFF;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+treeview.view.expander:selected {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
+  color: #FFFFFF;
+}
+
+treeview.view.expander:selected:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+treeview.view.progressbar {
+  border-bottom: 4px solid #5657f5;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view.progressbar:selected {
+  border-bottom-color: #FFFFFF;
+}
+
+treeview.view.trough {
+  border-bottom: 4px solid rgba(86, 87, 245, 0.3);
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view.trough:selected {
+  border-bottom-color: rgba(255, 255, 255, 0.3);
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
+  box-shadow: none;
+}
+
+treeview.view header button, treeview.view header button:disabled {
+  background-color: #31313a;
+}
+
+treeview.view header button:last-child {
+  border-right-style: none;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #31313a;
+  background-clip: border-box;
+  color: #5657f5;
+}
+
+treeview.view acceleditor > label {
+  background-color: #5657f5;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -GtkWidget-window-dragging: true;
+  padding: 0;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 6px 12px;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+menubar > menuitem menu,
+.menubar > menuitem menu {
+  border-radius: 0 0 8px 8px;
+}
+
+menubar > menuitem menu menu,
+.menubar > menuitem menu menu {
+  border-radius: 8px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  color: #FFFFFF;
+  box-shadow: inset 0 -3px #5657f5;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.csd.popup {
+  background-color: transparent;
+}
+
+menu {
+  margin: 6px 0;
+  padding: 3px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
+  background-color: #3c3c46;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 8px;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.csd menu {
+  border: none;
+  background-color: rgba(60, 60, 70, 0.95);
+  box-shadow: none;
+}
+
+menu menuitem {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 5px 10px;
+  font: initial;
+  text-shadow: none;
+  color: rgba(255, 255, 255, 0.7);
+  border-radius: 5px;
+}
+
+menu menuitem:hover {
+  transition: none;
+  background-color: rgba(255, 255, 255, 0.08);
+  color: white;
+}
+
+menu menuitem:hover accelerator {
+  color: white;
+}
+
+menu menuitem:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+  margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+  margin-right: 8px;
+}
+
+menu menuitem label:dir(rtl), menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 6px;
+  background-color: #3c3c46;
+  color: rgba(255, 255, 255, 0.7);
+  border-radius: 7px;
+}
+
+menu > arrow.top {
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+menu > arrow.bottom {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+menu > arrow:hover {
+  background-image: image(rgba(255, 255, 255, 0.12));
+  color: #FFFFFF;
+}
+
+menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+
+menu separator {
+  margin: 0 0;
+  background: none;
+  color: transparent;
+}
+
+menuitem accelerator {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+menuitem:disabled accelerator {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.popup:not(.csd) menu {
+  border-radius: 0;
+  color: #FFFFFF;
+  background-color: #31313a;
+}
+
+.popup:not(.csd) menu menuitem {
+  color: #FFFFFF;
+}
+
+.popup:not(.csd) menu menuitem:hover {
+  background-color: #4a4a52;
+}
+
+.popup:not(.csd) menu menuitem:disabled {
+  color: #98989d;
+}
+
+.popup:not(.csd) menu menuitem accelerator {
+  color: #c1c1c4;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background modelbutton.flat,
+popover.background menuitem.button.flat,
+popover.background spinbutton.vertical button, popover.background row.button.flat.menuitem.activatable,
+popover.background row.activatable, popover.background .view, popover.background button.flat.combo, popover.background button.flat {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: transparent;
+}
+
+popover.background modelbutton.flat:hover,
+popover.background menuitem.button.flat:hover,
+popover.background spinbutton.vertical button:hover, popover.background row.button.flat.menuitem.activatable:hover,
+popover.background row.activatable:hover, popover.background .view:hover, popover.background button.flat.combo:hover, popover.background button.flat:hover {
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.12);
+  color: #FFFFFF;
+}
+
+popover.background modelbutton.flat:checked,
+popover.background menuitem.button.flat:checked,
+popover.background spinbutton.vertical button:checked, popover.background row.button.flat.menuitem.activatable:checked,
+popover.background row.activatable:checked, popover.background .view:checked, popover.background button.flat.combo:checked, popover.background button.flat:checked, popover.background modelbutton.flat:active,
+popover.background menuitem.button.flat:active,
+popover.background spinbutton.vertical button:active, popover.background row.button.flat.menuitem.activatable:active,
+popover.background row.activatable:active, popover.background .view:active, popover.background button.flat.combo:active, popover.background button.flat:active {
+  color: #FFFFFF;
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.12);
+  background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+
+popover.background modelbutton.flat:disabled,
+popover.background menuitem.button.flat:disabled,
+popover.background spinbutton.vertical button:disabled, popover.background row.button.flat.menuitem.activatable:disabled,
+popover.background row.activatable:disabled, popover.background .view:disabled, popover.background button.flat.combo:disabled, popover.background button.flat:disabled {
+  color: rgba(255, 255, 255, 0.3);
+  background-color: transparent;
+}
+
+popover.background button.combo, popover.background button {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: transparent;
+  box-shadow: none;
+}
+
+popover.background button.combo:hover, popover.background button:hover {
+  transition: none;
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.12);
+}
+
+popover.background button.combo:checked, popover.background button:checked, popover.background button.combo:active, popover.background button:active {
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+popover.background button.combo:disabled, popover.background button:disabled {
+  color: rgba(255, 255, 255, 0.3);
+  background-color: transparent;
+}
+
+popover.background button.combo:checked:disabled, popover.background button:checked:disabled {
+  color: rgba(255, 255, 255, 0.3);
+  background-color: rgba(86, 87, 245, 0.5);
+}
+
+popover.background .linked entry, popover.background entry,
+popover.background spinbutton:not(.vertical) {
+  border-radius: 0;
+  caret-color: #FFFFFF;
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.3) 0%, transparent 0%) 0 0 0/0 0 0px;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+popover.background .linked entry:focus, popover.background entry:focus,
+popover.background spinbutton:focus:not(.vertical) {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2);
+}
+
+popover.background .linked entry:disabled, popover.background entry:disabled,
+popover.background spinbutton:disabled:not(.vertical) {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+  background-color: transparent;
+}
+
+popover.background .linked entry, popover.background entry,
+popover.background spinbutton:not(.vertical), popover.background .linked entry label, popover.background entry label,
+popover.background spinbutton:not(.vertical) label, popover.background .linked entry image, popover.background entry image,
+popover.background spinbutton:not(.vertical) image {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+popover.background .linked entry:focus, popover.background entry:focus,
+popover.background spinbutton:focus:not(.vertical), popover.background .linked entry label:focus, popover.background entry label:focus,
+popover.background spinbutton:not(.vertical) label:focus, popover.background .linked entry image:focus, popover.background entry image:focus,
+popover.background spinbutton:not(.vertical) image:focus {
+  color: #FFFFFF;
+}
+
+popover.background .linked entry:disabled, popover.background entry:disabled,
+popover.background spinbutton:disabled:not(.vertical), popover.background .linked entry label:disabled, popover.background entry label:disabled,
+popover.background spinbutton:not(.vertical) label:disabled, popover.background .linked entry image:disabled, popover.background entry image:disabled,
+popover.background spinbutton:not(.vertical) image:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+popover.background, popover.background.menu {
+  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 2px;
+  margin: 0;
+  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.12), 0 4px 3px rgba(0, 0, 0, 0.16);
+  background-color: rgba(68, 69, 75, 0.95);
+  color: rgba(255, 255, 255, 0.8);
+}
+
+popover.background:backdrop {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  color: rgba(255, 255, 255, 0.75);
+}
+
+popover.background:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+popover.background image:disabled, popover.background label:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+popover.background .dim-label, popover.background .budgie-notification .notification-body, popover.background .budgie-switcher .notification-body, .budgie-notification popover.background .notification-body, .budgie-switcher popover.background .notification-body, popover.background headerbar .subtitle, headerbar popover.background .subtitle, popover.background label.separator {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+popover.background, .csd popover.background {
+  border-radius: 9px;
+}
+
+popover.background > stack {
+  margin: -4px;
+}
+
+popover.background > toolbar {
+  margin: -2px;
+}
+
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list, popover.background row, popover.background .view, popover.background textview.view > text {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: #3d3e43;
+  border-color: rgba(255, 255, 255, 0.12);
+}
+
+popover.background treeview.view header button {
+  border-color: rgba(255, 255, 255, 0.12);
+}
+
+popover.background scrolledwindow {
+  border-color: rgba(255, 255, 255, 0.12);
+}
+
+popover.background scrollbar {
+  background-color: rgba(56, 57, 62, 0.65);
+  border-color: rgba(255, 255, 255, 0.12);
+}
+
+popover.background scrollbar slider {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+
+popover.background scrollbar slider:hover {
+  background-color: rgba(255, 255, 255, 0.7);
+}
+
+popover.background scrollbar slider:active {
+  background-color: #FFFFFF;
+}
+
+popover.background scrollbar slider:disabled {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+popover.background scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  border: 1px solid rgba(56, 57, 62, 0.3);
+}
+
+popover.background scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  border: 1px solid rgba(56, 57, 62, 0.3);
+  background-color: rgba(255, 255, 255, 0.5);
+}
+
+popover.background scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+popover.background scrollbar.overlay-indicator.dragging, popover.background scrollbar.overlay-indicator.hovering {
+  background-color: rgba(56, 57, 62, 0.9);
+}
+
+popover.background button.radio {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+popover.background button.radio:hover {
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.linked > popover.background button {
+  border-radius: 4px;
+  -gtk-outline-radius: 2px;
+}
+
+.linked > popover.background button:first-child {
+  border-radius: 4px;
+}
+
+.linked > popover.background button:last-child {
+  border-radius: 4px;
+}
+
+.linked > popover.background button:only-child {
+  border-radius: 4px;
+}
+
+popover.background.menu button, popover.background button.model {
+  border-radius: 4px;
+  -gtk-outline-radius: 2px;
+}
+
+popover.background button.suggested-action {
+  background-color: #7C4DFF;
+  color: #FFFFFF;
+}
+
+popover.background button.suggested-action:disabled {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: rgba(124, 77, 255, 0.5);
+}
+
+popover.background button.suggested-action:hover {
+  color: #FFFFFF;
+  background-color: #8f67ff;
+}
+
+popover.background button.suggested-action:checked {
+  background-color: #a382ff;
+}
+
+popover.background button.suggested-action.flat {
+  background-color: transparent;
+  color: #7C4DFF;
+}
+
+popover.background button.suggested-action.flat:hover {
+  color: #7C4DFF;
+  background-color: rgba(124, 77, 255, 0.15);
+}
+
+popover.background button.suggested-action.flat:disabled {
+  background-color: transparent;
+  color: rgba(124, 77, 255, 0.5);
+}
+
+popover.background button.suggested-action.flat:checked {
+  background-color: rgba(124, 77, 255, 0.3);
+}
+
+popover.background button.destructive-action {
+  background-color: #FF5252;
+  color: #FFFFFF;
+}
+
+popover.background button.destructive-action:disabled {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: rgba(255, 82, 82, 0.5);
+}
+
+popover.background button.destructive-action:hover {
+  color: #FFFFFF;
+  background-color: #ff6c6c;
+}
+
+popover.background button.destructive-action:checked {
+  background-color: #ff8686;
+}
+
+popover.background button.destructive-action.flat {
+  background-color: transparent;
+  color: #FF5252;
+}
+
+popover.background button.destructive-action.flat:hover {
+  color: #FF5252;
+  background-color: rgba(255, 82, 82, 0.15);
+}
+
+popover.background button.destructive-action.flat:disabled {
+  background-color: transparent;
+  color: rgba(255, 82, 82, 0.5);
+}
+
+popover.background button.destructive-action.flat:checked {
+  background-color: rgba(255, 82, 82, 0.3);
+}
+
+popover.background check, popover.background radio {
+  color: rgba(255, 255, 255, 0.8);
+  transition: none;
+  animation: none;
+}
+
+popover.background check:hover, popover.background radio:hover {
+  color: #FFFFFF;
+}
+
+popover.background check:disabled, popover.background radio:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+popover.background check:checked, popover.background check:indeterminate, popover.background radio:checked, popover.background radio:indeterminate {
+  color: #7C4DFF;
+}
+
+popover.background check:checked:disabled, popover.background check:indeterminate:disabled, popover.background radio:checked:disabled, popover.background radio:indeterminate:disabled {
+  color: rgba(124, 77, 255, 0.5);
+}
+
+popover.background checkbutton.text-button,
+popover.background radiobutton.text-button {
+  outline-style: none;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+popover.background separator, popover.background separator, .csd popover.background separator {
+  border: none;
+  background-color: rgba(255, 255, 255, 0.12);
+}
+
+popover.background label.separator {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+popover.background calendar {
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  color: #FFFFFF;
+}
+
+popover.background calendar:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+popover.background calendar.header {
+  border-style: none none solid;
+  border-color: rgba(255, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+popover.background calendar.highlight {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+popover.background calendar:indeterminate {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+popover.background.combo {
+  padding: 0;
+  margin: 0;
+}
+
+popover.background.combo list {
+  padding: 0;
+  margin: 0;
+  background: none;
+}
+
+popover.background.combo list > row.activatable {
+  padding: 6px 12px;
+}
+
+/*************
+ * Notebooks *
+ *************/
+frame > paned > notebook > header, notebook.frame > header {
+  background-color: #3b3b43;
+}
+
+notebook, notebook.frame {
+  background-color: #31313a;
+  border-radius: 10px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 10px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 10px;
+}
+
+.background.unified notebook {
+  border-radius: 0;
+}
+
+.background.unified notebook > header {
+  border-radius: 0;
+}
+
+notebook > header {
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #34343b;
+  background-clip: border-box;
+}
+
+notebook > header.top {
+  border-bottom-style: solid;
+  border-radius: 9px 9px 0 0;
+}
+
+notebook > header.top > tabs {
+  margin-bottom: -1px;
+}
+
+notebook > header.top > tabs > tab:hover {
+  box-shadow: inset 0 -2px rgba(255, 255, 255, 0.2);
+}
+
+notebook > header.top > tabs > tab:checked {
+  box-shadow: inset 0 -2px #5657f5;
+}
+
+notebook > header.bottom {
+  border-top-style: solid;
+  border-radius: 0 0 9px 9px;
+}
+
+notebook > header.bottom > tabs {
+  margin-top: -1px;
+}
+
+notebook > header.bottom > tabs > tab:hover {
+  box-shadow: inset 0 2px rgba(255, 255, 255, 0.2);
+}
+
+notebook > header.bottom > tabs > tab:checked {
+  box-shadow: inset 0 2px #5657f5;
+}
+
+notebook > header.left {
+  border-right-style: solid;
+  border-radius: 9px 0 0 9px;
+}
+
+notebook > header.left > tabs {
+  margin-right: -1px;
+}
+
+notebook > header.left > tabs > tab:hover {
+  box-shadow: inset -2px 0 rgba(255, 255, 255, 0.2);
+}
+
+notebook > header.left > tabs > tab:checked {
+  box-shadow: inset -2px 0 #5657f5;
+}
+
+notebook > header.right {
+  border-left-style: solid;
+  border-radius: 0 9px 9px 0;
+}
+
+notebook > header.right > tabs {
+  margin-left: -1px;
+}
+
+notebook > header.right > tabs > tab:hover {
+  box-shadow: inset 2px 0 rgba(255, 255, 255, 0.2);
+}
+
+notebook > header.right > tabs > tab:checked {
+  box-shadow: inset 2px 0 #5657f5;
+}
+
+notebook > header.top > tabs > arrow {
+  border-top-style: none;
+}
+
+notebook > header.bottom > tabs > arrow {
+  border-bottom-style: none;
+}
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+  margin-left: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+  margin-right: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+notebook > header.left > tabs > arrow {
+  border-left-style: none;
+}
+
+notebook > header.right > tabs > arrow {
+  border-right-style: none;
+}
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+  margin-top: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+  margin-bottom: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 0;
+}
+
+notebook > header tab {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px 12px;
+  outline-offset: -6px;
+  border-width: 1px;
+  border-color: transparent;
+  background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.2) 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(255, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+notebook > header tab:hover {
+  color: #FFFFFF;
+}
+
+notebook > header tab:hover.reorderable-page {
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #3b3b43;
+}
+
+notebook > header tab:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+notebook > header tab:checked {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: transparent;
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  background-clip: padding-box;
+  color: #FFFFFF;
+}
+
+notebook > header tab:checked:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+notebook > header tab:checked.reorderable-page {
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+}
+
+notebook > header tab button.flat {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 2px;
+  margin: 0;
+}
+
+notebook > header tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header.top tabs, notebook > header.bottom tabs {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
+  margin: 0 -1px;
+  border-style: none solid;
+}
+
+notebook > header.left tabs, notebook > header.right tabs {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
+  margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
+  margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
+  margin: -1px 0;
+  border-style: solid none;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: #31313a;
+  border-radius: 10px;
+}
+
+notebook > header button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(49, 49, 58, 0.65);
+  background-clip: border-box;
+}
+
+* {
+  -GtkScrollbar-has-backward-stepper: false;
+  -GtkScrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+scrollbar.bottom {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+scrollbar.left {
+  border-right: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+scrollbar.right {
+  border-left: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+scrollbar slider {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(255, 255, 255, 0.5);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(255, 255, 255, 0.7);
+}
+
+scrollbar slider:active {
+  background-color: #FFFFFF;
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+scrollbar.fine-tune slider {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(49, 49, 58, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(49, 49, 58, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(255, 255, 255, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
+  background-color: rgba(49, 49, 58, 0.9);
+}
+
+scrollbar.horizontal slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 225ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  min-height: 20px;
+  min-width: 42px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-color: rgba(255, 255, 255, 0.2);
+  background-clip: padding-box;
+  color: transparent;
+  font-size: 0;
+}
+
+switch:disabled {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+switch:checked {
+  background-color: rgba(124, 77, 255, 0.35);
+  color: transparent;
+}
+
+switch:checked:disabled {
+  background-color: rgba(124, 77, 255, 0.2);
+}
+
+switch slider {
+  transition: 100ms, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 24px;
+  min-height: 24px;
+  margin: -4px -3px;
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #44454b;
+  color: transparent;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-image: -gtk-scaled(url("assets/switch-slider-unchecked-dark.png"), url("assets/switch-slider-unchecked-dark@2.png"));
+}
+
+switch:hover slider {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+switch:checked slider {
+  transition: 100ms, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), margin 0;
+  background-color: #7C4DFF;
+  color: transparent;
+  background-image: -gtk-scaled(url("assets/switch-slider-checked-dark.png"), url("assets/switch-slider-checked-dark@2.png"));
+}
+
+switch:disabled slider {
+  background-color: #3b3b43;
+}
+
+switch:checked:disabled slider {
+  animation: none;
+  background-color: #573f9d;
+}
+
+row:selected switch:checked {
+  background-color: rgba(68, 1, 255, 0.35);
+}
+
+row:selected switch:checked:disabled {
+  background-color: rgba(68, 1, 255, 0.2);
+}
+
+row:selected switch:checked slider {
+  background-color: #561aff;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+  min-height: 40px;
+  min-width: 40px;
+  margin: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+  -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
+.content-view .tile check:not(list):hover,
+.content-view .tile check:not(list):active {
+  -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+  -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
+}
+
+.view.content-view.check:not(list):checked,
+.content-view .tile check:not(list):checked {
+  -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
+}
+
+checkbutton,
+radiobutton {
+  outline: none;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+  outline-offset: 0;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+row check:selected,
+row radio:selected, row check:selected:active,
+row radio:selected:active, row check:selected:checked,
+row radio:selected:checked, row check:selected:indeterminate,
+row radio:selected:indeterminate, row check:selected:focus,
+row radio:selected:focus, row check:selected:focus:active,
+row radio:selected:focus:active, row check:selected:focus:checked,
+row radio:selected:focus:checked, row check:selected:focus:indeterminate,
+row radio:selected:focus:indeterminate, treeview.view check:selected,
+treeview.view radio:selected, treeview.view check:selected:active,
+treeview.view radio:selected:active, treeview.view check:selected:checked,
+treeview.view radio:selected:checked, treeview.view check:selected:indeterminate,
+treeview.view radio:selected:indeterminate, treeview.view check:selected:focus,
+treeview.view radio:selected:focus, treeview.view check:selected:focus:active,
+treeview.view radio:selected:focus:active, treeview.view check:selected:focus:checked,
+treeview.view radio:selected:focus:checked, treeview.view check:selected:focus:indeterminate,
+treeview.view radio:selected:focus:indeterminate, row.activatable check:selected,
+row.activatable radio:selected, row.activatable check:selected:active,
+row.activatable radio:selected:active, row.activatable check:selected:checked,
+row.activatable radio:selected:checked, row.activatable check:selected:indeterminate,
+row.activatable radio:selected:indeterminate, row.activatable check:selected:focus,
+row.activatable radio:selected:focus, row.activatable check:selected:focus:active,
+row.activatable radio:selected:focus:active, row.activatable check:selected:focus:checked,
+row.activatable radio:selected:focus:checked, row.activatable check:selected:focus:indeterminate,
+row.activatable radio:selected:focus:indeterminate, row checkbutton check:selected, row checkbutton check:selected:active, row checkbutton check:selected:checked, row checkbutton check:selected:indeterminate, row checkbutton check:selected:focus, row checkbutton check:selected:focus:active, row checkbutton check:selected:focus:checked, row checkbutton check:selected:focus:indeterminate, treeview.view checkbutton check:selected, treeview.view checkbutton check:selected:active, treeview.view checkbutton check:selected:checked, treeview.view checkbutton check:selected:indeterminate, treeview.view checkbutton check:selected:focus, treeview.view checkbutton check:selected:focus:active, treeview.view checkbutton check:selected:focus:checked, treeview.view checkbutton check:selected:focus:indeterminate, row.activatable checkbutton check:selected, row.activatable checkbutton check:selected:active, row.activatable checkbutton check:selected:checked, row.activatable checkbutton check:selected:indeterminate, row.activatable checkbutton check:selected:focus, row.activatable checkbutton check:selected:focus:active, row.activatable checkbutton check:selected:focus:checked, row.activatable checkbutton check:selected:focus:indeterminate, row radiobutton radio:selected, row radiobutton radio:selected:active, row radiobutton radio:selected:checked, row radiobutton radio:selected:indeterminate, row radiobutton radio:selected:focus, row radiobutton radio:selected:focus:active, row radiobutton radio:selected:focus:checked, row radiobutton radio:selected:focus:indeterminate, treeview.view radiobutton radio:selected, treeview.view radiobutton radio:selected:active, treeview.view radiobutton radio:selected:checked, treeview.view radiobutton radio:selected:indeterminate, treeview.view radiobutton radio:selected:focus, treeview.view radiobutton radio:selected:focus:active, treeview.view radiobutton radio:selected:focus:checked, treeview.view radiobutton radio:selected:focus:indeterminate, row.activatable radiobutton radio:selected, row.activatable radiobutton radio:selected:active, row.activatable radiobutton radio:selected:checked, row.activatable radiobutton radio:selected:indeterminate, row.activatable radiobutton radio:selected:focus, row.activatable radiobutton radio:selected:focus:active, row.activatable radiobutton radio:selected:focus:checked, row.activatable radiobutton radio:selected:focus:indeterminate {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+row check:selected:disabled,
+row radio:selected:disabled, row check:selected:active:disabled,
+row radio:selected:active:disabled, row check:selected:checked:disabled,
+row radio:selected:checked:disabled, row check:selected:indeterminate:disabled,
+row radio:selected:indeterminate:disabled, row check:selected:focus:disabled,
+row radio:selected:focus:disabled, row check:selected:focus:active:disabled,
+row radio:selected:focus:active:disabled, row check:selected:focus:checked:disabled,
+row radio:selected:focus:checked:disabled, row check:selected:focus:indeterminate:disabled,
+row radio:selected:focus:indeterminate:disabled, treeview.view check:selected:disabled,
+treeview.view radio:selected:disabled, treeview.view check:selected:active:disabled,
+treeview.view radio:selected:active:disabled, treeview.view check:selected:checked:disabled,
+treeview.view radio:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
+treeview.view radio:selected:indeterminate:disabled, treeview.view check:selected:focus:disabled,
+treeview.view radio:selected:focus:disabled, treeview.view check:selected:focus:active:disabled,
+treeview.view radio:selected:focus:active:disabled, treeview.view check:selected:focus:checked:disabled,
+treeview.view radio:selected:focus:checked:disabled, treeview.view check:selected:focus:indeterminate:disabled,
+treeview.view radio:selected:focus:indeterminate:disabled, row.activatable check:selected:disabled,
+row.activatable radio:selected:disabled, row.activatable check:selected:active:disabled,
+row.activatable radio:selected:active:disabled, row.activatable check:selected:checked:disabled,
+row.activatable radio:selected:checked:disabled, row.activatable check:selected:indeterminate:disabled,
+row.activatable radio:selected:indeterminate:disabled, row.activatable check:selected:focus:disabled,
+row.activatable radio:selected:focus:disabled, row.activatable check:selected:focus:active:disabled,
+row.activatable radio:selected:focus:active:disabled, row.activatable check:selected:focus:checked:disabled,
+row.activatable radio:selected:focus:checked:disabled, row.activatable check:selected:focus:indeterminate:disabled,
+row.activatable radio:selected:focus:indeterminate:disabled, row checkbutton check:selected:disabled, row checkbutton check:selected:active:disabled, row checkbutton check:selected:checked:disabled, row checkbutton check:selected:indeterminate:disabled, row checkbutton check:selected:focus:disabled, row checkbutton check:selected:focus:active:disabled, row checkbutton check:selected:focus:checked:disabled, row checkbutton check:selected:focus:indeterminate:disabled, treeview.view checkbutton check:selected:disabled, treeview.view checkbutton check:selected:active:disabled, treeview.view checkbutton check:selected:checked:disabled, treeview.view checkbutton check:selected:indeterminate:disabled, treeview.view checkbutton check:selected:focus:disabled, treeview.view checkbutton check:selected:focus:active:disabled, treeview.view checkbutton check:selected:focus:checked:disabled, treeview.view checkbutton check:selected:focus:indeterminate:disabled, row.activatable checkbutton check:selected:disabled, row.activatable checkbutton check:selected:active:disabled, row.activatable checkbutton check:selected:checked:disabled, row.activatable checkbutton check:selected:indeterminate:disabled, row.activatable checkbutton check:selected:focus:disabled, row.activatable checkbutton check:selected:focus:active:disabled, row.activatable checkbutton check:selected:focus:checked:disabled, row.activatable checkbutton check:selected:focus:indeterminate:disabled, row radiobutton radio:selected:disabled, row radiobutton radio:selected:active:disabled, row radiobutton radio:selected:checked:disabled, row radiobutton radio:selected:indeterminate:disabled, row radiobutton radio:selected:focus:disabled, row radiobutton radio:selected:focus:active:disabled, row radiobutton radio:selected:focus:checked:disabled, row radiobutton radio:selected:focus:indeterminate:disabled, treeview.view radiobutton radio:selected:disabled, treeview.view radiobutton radio:selected:active:disabled, treeview.view radiobutton radio:selected:checked:disabled, treeview.view radiobutton radio:selected:indeterminate:disabled, treeview.view radiobutton radio:selected:focus:disabled, treeview.view radiobutton radio:selected:focus:active:disabled, treeview.view radiobutton radio:selected:focus:checked:disabled, treeview.view radiobutton radio:selected:focus:indeterminate:disabled, row.activatable radiobutton radio:selected:disabled, row.activatable radiobutton radio:selected:active:disabled, row.activatable radiobutton radio:selected:checked:disabled, row.activatable radiobutton radio:selected:indeterminate:disabled, row.activatable radiobutton radio:selected:focus:disabled, row.activatable radiobutton radio:selected:focus:active:disabled, row.activatable radiobutton radio:selected:focus:checked:disabled, row.activatable radiobutton radio:selected:focus:indeterminate:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+row check:selected:hover,
+row radio:selected:hover, treeview.view check:selected:hover,
+treeview.view radio:selected:hover, row checkbutton check:selected:hover, row checkbutton check:selected:focus:hover, treeview.view checkbutton check:selected:hover, treeview.view checkbutton check:selected:focus:hover, row.activatable checkbutton check:selected:hover, row.activatable checkbutton check:selected:focus:hover, row radiobutton radio:selected:hover, row radiobutton radio:selected:focus:hover, treeview.view radiobutton radio:selected:hover, treeview.view radiobutton radio:selected:focus:hover, row.activatable radiobutton radio:selected:hover, row.activatable radiobutton radio:selected:focus:hover {
+  color: #FFFFFF;
+}
+
+row check:selected:hover:disabled,
+row radio:selected:hover:disabled, treeview.view check:selected:hover:disabled,
+treeview.view radio:selected:hover:disabled, row checkbutton check:selected:hover:disabled, row checkbutton check:selected:focus:hover:disabled, treeview.view checkbutton check:selected:hover:disabled, treeview.view checkbutton check:selected:focus:hover:disabled, row.activatable checkbutton check:selected:hover:disabled, row.activatable checkbutton check:selected:focus:hover:disabled, row radiobutton radio:selected:hover:disabled, row radiobutton radio:selected:focus:hover:disabled, treeview.view radiobutton radio:selected:hover:disabled, treeview.view radiobutton radio:selected:focus:hover:disabled, row.activatable radiobutton radio:selected:hover:disabled, row.activatable radiobutton radio:selected:focus:hover:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -12px;
+  padding: 12px;
+}
+
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #7C4DFF;
+}
+
+check:checked:disabled, check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(124, 77, 255, 0.5);
+}
+
+popover check, popover check:hover, popover check:focus, popover check:focus:hover, popover check:active, popover check:disabled, popover radio, popover radio:hover, popover radio:focus, popover radio:focus:hover, popover radio:active, popover radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover check.left:dir(rtl), popover radio.left:dir(rtl) {
+  margin-left: -12px;
+  margin-right: -4px;
+}
+
+popover check.right:dir(ltr), popover radio.right:dir(ltr) {
+  margin-left: -4px;
+  margin-right: -12px;
+}
+
+menu menuitem check, menu menuitem radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) {
+  margin-right: 8px;
+}
+
+menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) {
+  margin-left: 8px;
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled {
+  box-shadow: none;
+}
+
+
+check {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
+}
+
+
+check:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
+}
+
+
+check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
+}
+
+
+radio {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
+  border-image-slice: 24;
+  border-image-width: 24px;
+}
+
+
+radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
+}
+
+
+radio {
+  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#7C4DFF), to(transparent));
+}
+
+
+radio:checked:not(:indeterminate) {
+  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.1041666667, to(#7C4DFF), to(transparent));
+}
+
+
+radio:checked:not(:indeterminate):disabled {
+  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.1041666667, to(rgba(124, 77, 255, 0.5)), to(transparent));
+}
+
+window.background:not(.csd) > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 7px;
+  -gtk-outline-radius: 7px;
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
+}
+
+window.background:not(.csd) > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
+}
+
+window.background:not(.csd) > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
+}
+
+window.background:not(.csd) > widget > radiobutton > radio,
+menu menuitem radio {
+  min-height: 16px;
+  min-width: 16px;
+  border-image: none;
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
+}
+
+window.background:not(.csd) > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
+}
+
+window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
+menu menuitem radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active,
+radio:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+check:not(:checked),
+radio:not(:checked) {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
+}
+
+menu menuitem check:not(:checked), menu menuitem radio:not(:checked) {
+  transition: none;
+}
+
+treeview.view check,
+treeview.view radio {
+  padding: 0;
+}
+
+treeview.view check:hover,
+treeview.view radio:hover {
+  box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
+}
+
+treeview.view check:hover:disabled,
+treeview.view radio:hover:disabled {
+  box-shadow: none;
+}
+
+treeview.view check:hover:selected,
+treeview.view radio:hover:selected {
+  box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
+}
+
+treeview.view check,
+treeview.view radio {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+treeview.view check:hover, treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #FFFFFF;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+treeview.view check:checked, treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #7C4DFF;
+}
+
+treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(124, 77, 255, 0.5);
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
+  border-image: none;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 48px;
+  padding: 0 6px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+  color: #FFFFFF;
+}
+
+headerbar:disabled :not(button) > label {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled :not(button) > label {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar entry {
+  background-color: #3d3d48;
+}
+
+headerbar entry:focus {
+  background-color: #444450;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar switch {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag, headerbar .photos-entry-tag, headerbar .documents-entry-tag {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar .linked:not(.vertical) > entry:not(.flat) {
+  border-radius: 7px;
+}
+
+headerbar .linked:not(.vertical) > button {
+  border-radius: 7px;
+  -gtk-outline-radius: 7px;
+}
+
+
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  border-image: none;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+
+headerbar button:not(.suggested-action):not(.destructive-action):hover,
+headerbar button:not(.suggested-action):not(.destructive-action):active {
+  color: #FFFFFF;
+}
+
+
+headerbar button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+
+headerbar button:not(.suggested-action):not(.destructive-action):checked {
+  border-image: none;
+  background-color: #5657f5;
+  color: #FFFFFF;
+  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12);
+}
+
+
+headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: rgba(86, 87, 245, 0.5);
+}
+
+
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  background-image: none;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled {
+  background-color: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1);
+  animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0;
+  color: #FFFFFF;
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):hover {
+  color: #FFFFFF;
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
+  color: #FFFFFF;
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu arrow {
+  -GtkArrow-arrow-scaling: 1;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action),
+headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action), headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 8px;
+  padding-right: 8px;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0;
+}
+
+headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):active,
+headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):active, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):active {
+  color: #FFFFFF;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1);
+  background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%);
+  background-size: 0% 0%;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):checked,
+headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):checked, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):checked {
+  color: #FFFFFF;
+  background-color: transparent;
+  box-shadow: none;
+  background-image: none;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):checked:backdrop, headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):active:backdrop,
+headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):checked:backdrop,
+headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):active:backdrop, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):checked:backdrop, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):active:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button label,
+headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action).text-button.image-button label, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action).text-button.image-button label {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image,
+headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action).text-button.image-button image, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action).text-button.image-button image {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+  border-radius: 0;
+  padding: 0;
+  min-width: 120px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) > stack > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) > stack > box.narrow {
+  font-size: 10px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) > stack > box.narrow image {
+  margin-top: 3px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+headerbar.default-decoration {
+  min-height: 24px;
+  padding: 6px 12px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration {
+  box-shadow: none;
+}
+
+headerbar.default-decoration button.titlebutton {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 0 2px;
+  padding: 0;
+}
+
+.background:not(.csd) headerbar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.csd headerbar, headerbar.titlebar, .titlebar headerbar, .solid-csd headerbar, box headerbar:only-child {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.08);
+}
+
+headerbar.titlebar.default-decoration, .csd headerbar.titlebar.default-decoration {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+box headerbar:not(:only-child):first-child, box headerbar:not(:only-child):last-child {
+  border-left-color: #31313a;
+  border-right-color: #31313a;
+}
+
+window separator:first-child + headerbar, window headerbar:first-child {
+  border-top-left-radius: 13px;
+}
+
+window headerbar:last-child {
+  border-top-right-radius: 13px;
+}
+
+window stack headerbar:first-child, window stack headerbar:last-child {
+  border-top-left-radius: 13px;
+  border-top-right-radius: 13px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child {
+  border-radius: 0;
+}
+
+.titlebar,
+.titlebar .background {
+  border-top-left-radius: 13px;
+  border-top-right-radius: 13px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.background.tiled .titlebar,
+.background.tiled-top .titlebar,
+.background.tiled-right .titlebar,
+.background.tiled-bottom .titlebar,
+.background.tiled-left .titlebar,
+.background.maximized .titlebar,
+.background.solid-csd .titlebar {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+headerbar separator.titlebutton {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+  border: none;
+}
+
+window.csd > .titlebar:not(headerbar) {
+  padding: 0;
+  background-color: transparent;
+  background-image: none;
+  border: none;
+  box-shadow: none;
+}
+
+.titlebar:not(headerbar) > separator {
+  background-color: #31313a;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 4px;
+  min-width: 4px;
+  padding: 16px;
+}
+
+scale slider {
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+}
+
+scale trough {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+scale trough:disabled {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+scale highlight {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #7C4DFF;
+}
+
+scale highlight:disabled {
+  background-color: transparent;
+}
+
+scale fill {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: auto, 1000% 1000%;
+  border-radius: 50%;
+  color: transparent;
+}
+
+scale slider {
+  background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
+}
+
+scale slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
+}
+
+scale slider:hover {
+  background-color: rgba(124, 77, 255, 0.08);
+}
+
+scale slider:focus {
+  background-color: rgba(124, 77, 255, 0.12);
+}
+
+scale slider:focus:hover {
+  background-color: rgba(124, 77, 255, 0.16);
+}
+
+scale slider:active {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
+  animation: scale_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: rgba(124, 77, 255, 0.08);
+  color: rgba(124, 77, 255, 0.12);
+}
+
+scale.fine-tune slider {
+  background-size: calc(100% - 12px);
+}
+
+scale marks label,
+scale value {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+scale marks {
+  color: rgba(255, 255, 255, 0.2);
+}
+
+scale marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale marks.left {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale marks.right {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.fine-tune marks.left {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.fine-tune marks.right {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
+}
+
+scale.color {
+  min-height: 0;
+  min-width: 0;
+}
+
+scale.color.horizontal {
+  padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
+  margin-bottom: -16px;
+  margin-top: -6px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -16px;
+  margin-right: -6px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -16px;
+  margin-left: -6px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 4px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 4px;
+}
+
+progressbar trough {
+  border-radius: 9999px;
+  background-color: rgba(93, 125, 251, 0.3);
+}
+
+progressbar progress {
+  border-radius: 9999px;
+  background-color: #5D7DFB;
+  background-image: linear-gradient(to left, #BA68C8, #7E57C2);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 4px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 4px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  padding: 2px;
+  border-radius: 5px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #31313a;
+}
+
+levelbar trough:disabled {
+  background-color: #3b3b43;
+}
+
+levelbar block.low {
+  background-color: #FF6D00;
+}
+
+levelbar block.high, levelbar block:not(.empty) {
+  background-color: #5657f5;
+}
+
+levelbar block.full {
+  background-color: #00C853;
+}
+
+levelbar block.empty {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+  color: #FFFFFF;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border {
+  border-style: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 0 0 13px 13px;
+}
+
+actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button) {
+  border-radius: 7px;
+}
+
+scrolledwindow viewport.frame {
+  border-style: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent));
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent));
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent));
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent));
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+preferences stacksidebar.sidebar list separator, .tweak-categories separator, button.font separator, button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+}
+
+list row {
+  padding: 2px;
+}
+
+.budgie-menu button, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view, filechooser stack.view scrolledwindow treeview.view, .view, iconview, treeview.view header button, row.activatable {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-menu button:hover, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:hover, filechooser stack.view scrolledwindow treeview.view:hover, .view:hover, iconview:hover, treeview.view header button:hover, row.activatable:hover {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.05);
+}
+
+.budgie-menu button.has-open-popup, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.has-open-popup.view, filechooser stack.view scrolledwindow treeview.has-open-popup.view, .has-open-popup.view, iconview.has-open-popup, treeview.view header button.has-open-popup, .budgie-menu button:active, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:active, filechooser stack.view scrolledwindow treeview.view:active, .view:active, iconview:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
+  animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1);
+  background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%);
+  background-size: 0% 0%;
+}
+
+row button.circular {
+  margin: 0 4px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(255, 255, 255, 0.7);
+}
+
+expander title > arrow:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+expander title > arrow:checked {
+  -gtk-icon-transform: unset;
+}
+
+expander title > arrow:hover, expander title > arrow:active {
+  color: #FFFFFF;
+}
+
+expander title > arrow:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+expander title > arrow:selected {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+expander title > arrow:selected:hover, expander title > arrow:selected:active {
+  color: #FFFFFF;
+}
+
+expander title > arrow:selected:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 2px 6px;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  color: #FFFFFF;
+}
+
+calendar:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 5px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-radius: 0;
+}
+
+calendar.highlight {
+  color: rgba(255, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: rgba(68, 69, 75, 0.95);
+  color: rgba(255, 255, 255, 0.8);
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: rgba(68, 69, 75, 0.95);
+  color: rgba(255, 255, 255, 0.8);
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+messagedialog .titlebar:backdrop {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+messagedialog list, messagedialog row, messagedialog .view, messagedialog textview.view > text {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: #3d3e43;
+  border-color: rgba(255, 255, 255, 0.12);
+}
+
+messagedialog check, messagedialog radio {
+  color: rgba(255, 255, 255, 0.75);
+}
+
+messagedialog check:hover, messagedialog check:active, messagedialog radio:hover, messagedialog radio:active {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+messagedialog check:disabled, messagedialog radio:disabled {
+  color: rgba(255, 255, 255, 0.75);
+}
+
+messagedialog check:checked, messagedialog check:indeterminate, messagedialog radio:checked, messagedialog radio:indeterminate {
+  color: #7C4DFF;
+}
+
+messagedialog check:checked:disabled, messagedialog check:indeterminate:disabled, messagedialog radio:checked:disabled, messagedialog radio:indeterminate:disabled {
+  color: rgba(124, 77, 255, 0.5);
+}
+
+messagedialog .dialog-action-area button {
+  padding: 4px 12px;
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 0;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+messagedialog .dialog-action-area button:hover, messagedialog .dialog-action-area button:active {
+  color: white;
+}
+
+messagedialog .dialog-action-area button:hover {
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.06);
+}
+
+messagedialog .dialog-action-area button:active {
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.06);
+  background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.06) 10%, transparent 0%);
+}
+
+messagedialog .dialog-action-area button:first-child {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+
+messagedialog .dialog-action-area button:last-child {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+
+messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.suggested-action:hover {
+  color: #7C4DFF;
+}
+
+messagedialog .dialog-action-area button.suggested-action:active, messagedialog .dialog-action-area button.suggested-action:checked {
+  background-color: #7C4DFF;
+  color: white;
+  border-color: #7C4DFF;
+  box-shadow: none;
+}
+
+messagedialog .dialog-action-area button.suggested-action:disabled {
+  opacity: 0.65;
+}
+
+messagedialog .dialog-action-area button.destructive-action, messagedialog .dialog-action-area button.destructive-action:hover {
+  color: #FF5252;
+}
+
+messagedialog .dialog-action-area button.destructive-action:active, messagedialog .dialog-action-area button.destructive-action:checked {
+  background-color: #FF5252;
+  color: white;
+  border-color: #FF5252;
+  box-shadow: none;
+}
+
+messagedialog .dialog-action-area button.destructive-action:disabled {
+  opacity: 0.65;
+}
+
+messagedialog.csd {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+messagedialog.csd .dialog-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 0;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+messagedialog.csd .dialog-action-area button:first-child {
+  border-bottom-left-radius: 7px;
+  border-top-left-radius: 0;
+}
+
+messagedialog.csd .dialog-action-area button:last-child {
+  border-bottom-right-radius: 7px;
+  border-top-right-radius: 0;
+}
+
+messagedialog entry {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+messagedialog expander title > arrow {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+messagedialog expander title > arrow:hover, messagedialog expander title > arrow:active {
+  color: #FFFFFF;
+}
+
+messagedialog expander title > arrow:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.background.csd filechooser, .background.csd filechooser placessidebar {
+  background: none;
+  border-radius: 0 0 13px 13px;
+}
+
+.background.csd filechooser list, .background.csd filechooser placessidebar list {
+  background-color: transparent;
+}
+
+.maximized filechooser placessidebar {
+  border-radius: 0;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: #31313a;
+  border-radius: 0 0 13px 13px;
+}
+
+filechooser stack.view scrolledwindow treeview.view {
+  background-color: transparent;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: #34343b;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+stacksidebar .frame list:dir(ltr) {
+  box-shadow: inset -2px 0 3px -3px rgba(0, 0, 0, 0.05), inset -3px 0 5px -3px rgba(0, 0, 0, 0.05), inset -3px 0 10px -3px rgba(0, 0, 0, 0.03);
+}
+
+stacksidebar .frame list:dir(rtl) {
+  box-shadow: inset 2px 0 3px -3px rgba(0, 0, 0, 0.08), inset 3px 0 5px -3px rgba(0, 0, 0, 0.05), inset 3px 0 10px -3px rgba(0, 0, 0, 0.03);
+}
+
+.sidebar {
+  border-style: none;
+  background-color: #3c3c46;
+}
+
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
+  border-right: 1px solid #474751;
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
+  border-left: 1px solid #474751;
+  border-right-style: none;
+}
+
+.sidebar list {
+  background-color: transparent;
+}
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
+  border-style: none;
+}
+
+stacksidebar row {
+  padding: 10px 4px;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+/****************
+ * File chooser *
+ ****************/
+.nautilus-window placessidebar row:selected button.sidebar-button {
+  color: rgba(86, 87, 245, 0.75);
+}
+
+.nautilus-window placessidebar row:selected button.sidebar-button:hover, .nautilus-window placessidebar row:selected button.sidebar-button:active {
+  color: #5657f5;
+}
+
+.nautilus-window placessidebar row:selected button.sidebar-button:disabled {
+  color: rgba(86, 87, 245, 0.35);
+}
+
+.nautilus-window placessidebar row:selected button.sidebar-button:checked {
+  background-color: rgba(86, 87, 245, 0.1);
+  color: #5657f5;
+}
+
+.nautilus-window placessidebar row:selected button.sidebar-button:checked:disabled {
+  background-color: rgba(86, 87, 245, 0.05);
+  color: rgba(86, 87, 245, 0.55);
+}
+
+row image.sidebar-icon {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+row:selected image.sidebar-icon {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar list {
+  padding: 1px 0 4px;
+}
+
+placessidebar row {
+  min-height: 32px;
+  margin: -1px 4px -1px 0;
+  padding: 0;
+  border-radius: 0 7px 7px 0;
+}
+
+placessidebar row > revealer {
+  padding: 0 12px;
+}
+
+placessidebar row:selected {
+  background-color: rgba(255, 255, 255, 0.06);
+  color: #5657f5;
+}
+
+placessidebar row:selected image.sidebar-icon, placessidebar row:selected label.sidebar-label {
+  color: #9e9ff9;
+}
+
+placessidebar row:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+placessidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar row.sidebar-placeholder-row {
+  min-height: 2px;
+  padding: 0 8px;
+  background-image: image(#7C4DFF);
+  background-clip: content-box;
+}
+
+placessidebar row.sidebar-new-bookmark-row, placessidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #7C4DFF;
+}
+
+placessidebar row:drop(active):not(:disabled) {
+  box-shadow: inset 0 0 0 2px #7C4DFF;
+}
+
+placesview .server-list-button > image {
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border-style: none;
+  background-color: transparent;
+  background-image: image(rgba(255, 255, 255, 0.08));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #34343b;
+  background-image: image(rgba(255, 255, 255, 0.08)), image(rgba(255, 255, 255, 0.08));
+  background-size: 1px 1px, 1px 1px;
+}
+
+paned.horizontal > separator {
+  background-repeat: repeat-y;
+}
+
+paned.horizontal > separator:dir(ltr) {
+  margin: 0 -8px 0 0;
+  padding: 0 8px 0 0;
+  background-position: left;
+}
+
+paned.horizontal > separator:dir(rtl) {
+  margin: 0 0 0 -8px;
+  padding: 0 0 0 8px;
+  background-position: right;
+}
+
+paned.horizontal > separator.wide {
+  margin: 0;
+  padding: 0;
+  background-repeat: repeat-y, repeat-y;
+  background-position: left, right;
+}
+
+paned.vertical > separator {
+  margin: 0 0 -8px 0;
+  padding: 0 0 8px 0;
+  background-repeat: repeat-x;
+  background-position: top;
+}
+
+paned.vertical > separator.wide {
+  margin: 0;
+  padding: 0;
+  background-repeat: repeat-x, repeat-x;
+  background-position: bottom, top;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+}
+
+infobar.info > revealer > box, infobar.info:backdrop > revealer > box {
+  background-color: #66BB6A;
+}
+
+infobar.question > revealer > box, infobar.question:backdrop > revealer > box {
+  background-color: #42A5F5;
+}
+
+infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
+  background-color: #FFA726;
+}
+
+infobar.error > revealer > box, infobar.error:backdrop > revealer > box {
+  background-color: #EF5350;
+}
+
+infobar.info > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:backdrop > revealer > box {
+  color: #FFFFFF;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border-radius: 7px;
+  box-shadow: none;
+}
+
+tooltip.background.csd {
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: rgba(68, 69, 75, 0.9);
+  color: rgba(255, 255, 255, 0.8);
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip label {
+  min-height: 20px;
+  padding: 0 2px;
+}
+
+tooltip * {
+  padding: 0;
+  background-color: transparent;
+  color: inherit;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 5.5px;
+  border-top-right-radius: 5.5px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 5.5px;
+  border-bottom-right-radius: 5.5px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+  border-top-left-radius: 5.5px;
+  border-bottom-left-radius: 5.5px;
+}
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 5px;
+  border-bottom-left-radius: 5px;
+}
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 5.5px;
+  border-bottom-right-radius: 5.5px;
+}
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+
+colorswatch.dark {
+  color: #FFFFFF;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch:drop(active) {
+  box-shadow: none;
+}
+
+colorswatch:drop(active).light overlay {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px #7C4DFF;
+}
+
+colorswatch:drop(active).dark overlay {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px #7C4DFF;
+}
+
+colorswatch overlay {
+  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+colorswatch#add-color-button {
+  border-radius: 5px 5px 0 0;
+  color: #FFFFFF;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 5px;
+}
+
+colorswatch#add-color-button overlay {
+  background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 5.5px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 5px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 7px;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #31313a;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #34343b;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: none;
+  border-radius: 13px;
+  box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16), 0 0 32px transparent;
+  margin: 10px;
+}
+
+decoration:backdrop {
+  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), 0 0 32px transparent;
+}
+
+.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration {
+  border-radius: 0;
+}
+
+.maximized decoration, .fullscreen decoration {
+  box-shadow: none;
+}
+
+.popup decoration {
+  box-shadow: none;
+}
+
+.ssd decoration {
+  box-shadow: none;
+}
+
+.csd.popup decoration {
+  border-radius: 8px;
+  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.12), 0 4px 3px rgba(0, 0, 0, 0.16);
+}
+
+tooltip.csd decoration {
+  border-radius: 7px;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+messagedialog.csd decoration {
+  border-radius: 7px;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  border-radius: 0;
+  border: none;
+  box-shadow: none;
+  background-color: #31313a;
+}
+
+/*****************
+ * Title buttons *
+ *****************/
+headerbar > box.right,
+headerbar > box.left,
+.titlebar > box.right,
+.titlebar > box.left {
+  padding: 0 12px;
+}
+
+.solid-csd headerbar:not(.default-decoration) button.titlebutton.close, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize, headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize,
+.titlebar button.titlebutton.close,
+.titlebar button.titlebutton.maximize,
+.titlebar button.titlebutton.minimize {
+  min-width: 12px;
+  min-height: 12px;
+  padding: 0;
+  margin: 0 2px;
+  color: transparent;
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover, headerbar button.titlebutton.close:hover, headerbar button.titlebutton.close:backdrop:hover, headerbar button.titlebutton.maximize:hover, headerbar button.titlebutton.maximize:backdrop:hover, headerbar button.titlebutton.minimize:hover, headerbar button.titlebutton.minimize:backdrop:hover,
+.titlebar button.titlebutton.close:hover,
+.titlebar button.titlebutton.close:backdrop:hover,
+.titlebar button.titlebutton.maximize:hover,
+.titlebar button.titlebutton.maximize:backdrop:hover,
+.titlebar button.titlebutton.minimize:hover,
+.titlebar button.titlebutton.minimize:backdrop:hover {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:checked, headerbar button.titlebutton.close:active, headerbar button.titlebutton.close:checked, headerbar button.titlebutton.close:backdrop:active, headerbar button.titlebutton.close:backdrop:checked, headerbar button.titlebutton.maximize:active, headerbar button.titlebutton.maximize:checked, headerbar button.titlebutton.maximize:backdrop:active, headerbar button.titlebutton.maximize:backdrop:checked, headerbar button.titlebutton.minimize:active, headerbar button.titlebutton.minimize:checked, headerbar button.titlebutton.minimize:backdrop:active, headerbar button.titlebutton.minimize:backdrop:checked,
+.titlebar button.titlebutton.close:active,
+.titlebar button.titlebutton.close:checked,
+.titlebar button.titlebutton.close:backdrop:active,
+.titlebar button.titlebutton.close:backdrop:checked,
+.titlebar button.titlebutton.maximize:active,
+.titlebar button.titlebutton.maximize:checked,
+.titlebar button.titlebutton.maximize:backdrop:active,
+.titlebar button.titlebutton.maximize:backdrop:checked,
+.titlebar button.titlebutton.minimize:active,
+.titlebar button.titlebutton.minimize:checked,
+.titlebar button.titlebutton.minimize:backdrop:active,
+.titlebar button.titlebutton.minimize:backdrop:checked {
+  color: #FFFFFF;
+}
+
+.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:backdrop, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:backdrop, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:backdrop, headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop,
+.titlebar button.titlebutton.close:backdrop,
+.titlebar button.titlebutton.maximize:backdrop,
+.titlebar button.titlebutton.minimize:backdrop {
+  color: transparent;
+  background-color: rgba(255, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close, headerbar button.titlebutton.close,
+.titlebar button.titlebutton.close {
+  transition: background-size 0, background-image 0, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close:hover, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover, headerbar button.titlebutton.close:hover,
+.titlebar button.titlebutton.close:hover {
+  padding: 2px;
+  margin: -2px 0;
+  background-color: #EF5350;
+  color: rgba(255, 255, 255, 0.7);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active, #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked, headerbar button.titlebutton.close:active, headerbar button.titlebutton.close:checked,
+.titlebar button.titlebutton.close:active,
+.titlebar button.titlebutton.close:checked {
+  padding: 2px;
+  margin: -2px 0;
+  background-color: #7C4DFF;
+  color: #FFFFFF;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+headerbar.default-decoration button.titlebutton.close:hover, headerbar.default-decoration button.titlebutton.close:active, headerbar.default-decoration button.titlebutton.close:checked, .csd headerbar.default-decoration button.titlebutton.close:hover, .csd headerbar.default-decoration button.titlebutton.close:active, .csd headerbar.default-decoration button.titlebutton.close:checked,
+.titlebar.default-decoration button.titlebutton.close:hover,
+.titlebar.default-decoration button.titlebutton.close:active,
+.titlebar.default-decoration button.titlebutton.close:checked, .csd .titlebar.default-decoration button.titlebutton.close:hover, .csd .titlebar.default-decoration button.titlebutton.close:active, .csd .titlebar.default-decoration button.titlebutton.close:checked {
+  padding: 0;
+  margin: 0 2px;
+  box-shadow: none;
+}
+
+.budgie-menu button:checked, text:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view selection, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:selected, .view selection, .view:selected, iconview selection, iconview:selected, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected,
+.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, row:selected, calendar:selected, filechooser stack.view scrolledwindow treeview.view selection, filechooser stack.view scrolledwindow treeview.view:selected {
+  background-color: #5657f5;
+}
+
+row:selected label, label:selected, .budgie-menu button:checked, text:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view selection, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:selected, .view selection, .view:selected, iconview selection, iconview:selected, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected,
+.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, row:selected, calendar:selected, filechooser stack.view scrolledwindow treeview.view selection, filechooser stack.view scrolledwindow treeview.view:selected {
+  color: #FFFFFF;
+}
+
+row:selected label:disabled, label:disabled:selected, .budgie-menu button:disabled:checked, text:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view selection:disabled, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:disabled:selected, .view selection:disabled, .view:disabled:selected, iconview selection:disabled, iconview:disabled:selected, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected,
+.menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, row:disabled:selected, calendar:disabled:selected, filechooser stack.view scrolledwindow treeview.view selection:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  border-radius: 9999px;
+  background-color: #7C4DFF;
+  background-image: none;
+}
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
+  padding-left: 6px;
+  border-top-right-radius: 0;
+}
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
+  padding-right: 6px;
+  border-top-left-radius: 0;
+}
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+  -GtkWidget-text-handle-width: 24;
+  -GtkWidget-text-handle-height: 30;
+  -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
+}
+
+.context-menu {
+  font: initial;
+}
+
+.keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(255, 255, 255, 0.08);
+  border-radius: 5px;
+  box-shadow: inset 0 -2px rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+  color: #FFFFFF;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  transition: all 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 0 0 2px #7C4DFF;
+  caret-color: #7C4DFF;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+stackswitcher > button {
+  border-radius: 7px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0;
+}
+
+stackswitcher > button:active {
+  color: #FFFFFF;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1);
+  background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%);
+  background-size: 0% 0%;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+stackswitcher > button:checked {
+  color: #FFFFFF;
+  background-color: transparent;
+  box-shadow: none;
+  background-image: none;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+stackswitcher > button:checked:backdrop, stackswitcher > button:active:backdrop {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+stackswitcher > button:first-child, stackswitcher > button:last-child {
+  border-radius: 7px;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+button.emoji-section {
+  margin-top: -1px;
+  padding: 0 8px;
+  min-width: 24px;
+  min-height: 36px;
+  border-radius: 0;
+  outline-offset: -6px;
+  box-shadow: none;
+}
+
+button.emoji-section:hover {
+  box-shadow: inset 0 2px rgba(255, 255, 255, 0.2);
+}
+
+button.emoji-section:active, button.emoji-section:checked {
+  box-shadow: inset 0 2px #5657f5;
+  background-image: radial-gradient(circle farthest-corner at center, rgba(86, 87, 245, 0.7) 10%, transparent 0%);
+}
+
+button.emoji-section:checked {
+  box-shadow: inset 0 2px #5657f5;
+  background-color: transparent;
+}
+
+button.emoji-section:first-child {
+  margin-left: 4px;
+}
+
+button.emoji-section:last-child {
+  margin-right: 4px;
+}
+
+.emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0;
+}
+
+.emoji widget {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 5px;
+}
+
+.emoji widget:hover {
+  font-size: larger;
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window headerbar .path-bar-box button {
+  border-radius: 9999px;
+  color: rgba(255, 255, 255, 0.7);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.7) 0%, transparent 0%) 0 0 0/0 0 0;
+}
+
+.nautilus-window headerbar .path-bar-box button:hover {
+  color: #FFFFFF;
+}
+
+.nautilus-window headerbar .path-bar-box button:checked, .nautilus-window headerbar .path-bar-box button:active {
+  color: #FFFFFF;
+  background-color: transparent;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFFFFF 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+.nautilus-window headerbar .path-bar-box button:checked:backdrop, .nautilus-window headerbar .path-bar-box button:active:backdrop {
+  color: rgba(255, 255, 255, 0.5);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+.nautilus-window headerbar .path-bar-box button:backdrop {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.nautilus-window headerbar .path-bar-box button:backdrop:hover {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.nautilus-window {
+  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
+  background-size: 48px auto;
+  background-position: left bottom;
+  background-repeat: no-repeat;
+}
+
+.nautilus-window.csd.background {
+  background-color: rgba(49, 49, 58, 0.97);
+  border-radius: 0 0 13px 13px;
+}
+
+.nautilus-window.csd.background notebook {
+  background-color: transparent;
+  border-radius: 0 0 13px 13px;
+}
+
+.nautilus-window.csd.background notebook > stack {
+  background-color: transparent;
+  border-radius: 13px;
+}
+
+.nautilus-window.csd.background notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) {
+  background-color: transparent;
+}
+
+.nautilus-window.csd.background notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) header button:not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.csd.background.unified headerbar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.nautilus-window.maximized.csd.background, .nautilus-window.maximized placessidebar, .nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack {
+  border-radius: 0;
+}
+
+.nautilus-window placessidebar {
+  background: none;
+  margin-right: 6px;
+}
+
+.nautilus-window placessidebar list {
+  background: none;
+}
+
+.nautilus-window placessidebar row {
+  padding-left: 6px;
+}
+
+.nautilus-window placessidebar row, .nautilus-window placessidebar row:hover, .nautilus-window placessidebar row:selected, .nautilus-window placessidebar row:active, .nautilus-window placessidebar row:selected:hover, .nautilus-window placessidebar row:selected:active, .nautilus-window placessidebar row:focus {
+  transition: none;
+  animation: none;
+  background: none;
+  box-shadow: none;
+}
+
+.nautilus-window placessidebar row image.sidebar-icon {
+  color: rgba(255, 255, 255, 0.7);
+  margin-right: 6px;
+}
+
+.nautilus-window placessidebar row label.sidebar-label {
+  padding-left: 18px;
+  color: rgba(255, 255, 255, 0.7);
+  border-radius: 0 7px 7px 0;
+}
+
+.nautilus-window placessidebar row:hover label.sidebar-label {
+  background-color: rgba(255, 255, 255, 0.03);
+}
+
+.nautilus-window placessidebar row:backdrop {
+  opacity: 0.85;
+}
+
+.nautilus-window placessidebar row:selected label.sidebar-label {
+  color: #9e9ff9;
+  background-color: rgba(255, 255, 255, 0.06);
+}
+
+.nautilus-window placessidebar row:selected image.sidebar-icon {
+  color: #FFFFFF;
+}
+
+.nautilus-window placessidebar separator {
+  background-color: transparent;
+}
+
+.nautilus-window headerbar {
+  background-color: rgba(49, 49, 58, 0.97);
+  background-image: -gtk-scaled(url("assets/header-icon.png"), url("assets/header-icon@2.png"));
+  background-size: 48px auto;
+  background-position: left bottom;
+  background-repeat: no-repeat;
+  padding-left: 54px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.nautilus-window headerbar .path-bar-box {
+  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+  border-radius: 100px;
+  padding-left: 22px;
+  margin-left: 6px;
+  margin-right: 6px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button,
+.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button {
+  margin-top: 0;
+  margin-bottom: 0;
+  border-radius: 100px;
+}
+
+.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
+.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
+  color: #FFFFFF;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFFFFF 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child:backdrop,
+.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child:backdrop {
+  color: rgba(255, 255, 255, 0.5);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+.nautilus-window headerbar .path-bar-box.background.frame {
+  border: none;
+  background-color: transparent;
+}
+
+.nautilus-window .windowhandle .linked.nautilus-path-bar {
+  border-radius: 9999px;
+  margin: 6px;
+  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .windowhandle .linked.nautilus-path-bar .dim-label, .nautilus-window .windowhandle .linked.nautilus-path-bar .budgie-notification .notification-body, .nautilus-window .windowhandle .linked.nautilus-path-bar .budgie-switcher .notification-body, .budgie-notification .nautilus-window .windowhandle .linked.nautilus-path-bar .notification-body, .budgie-switcher .nautilus-window .windowhandle .linked.nautilus-path-bar .notification-body, .nautilus-window .windowhandle .linked.nautilus-path-bar label.separator, .nautilus-window .windowhandle .linked.nautilus-path-bar headerbar .subtitle, headerbar .nautilus-window .windowhandle .linked.nautilus-path-bar .subtitle {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):hover {
+  background-color: rgba(255, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):active, .nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: rgba(255, 255, 255, 0.3);
+  box-shadow: none;
+  background-image: none;
+}
+
+.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):hover, .nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):active, .nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):checked {
+  color: #FFFFFF;
+}
+
+.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir {
+  color: #FFFFFF;
+}
+
+.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+.nautilus-window .windowhandle .linked.nautilus-path-bar button.toggle.popup {
+  border-radius: 9999px;
+}
+
+.nautilus-window .windowhandle .linked.nautilus-path-bar button.toggle.popup:checked {
+  background-color: rgba(255, 255, 255, 0.3);
+  box-shadow: none;
+  background-image: none;
+}
+
+.nautilus-window paned > separator {
+  min-width: 20px;
+  color: transparent;
+  background-image: url("assets/scalable/side-paned.svg");
+  background-size: 20px 750px;
+  background-position: left center;
+  background-repeat: no-repeat;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  border-style: solid solid none;
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  border-radius: 13px 13px 0 0;
+  background-color: #31313a;
+  background-clip: border-box;
+  transition: all 225ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
+}
+
+.nautilus-window .floating-bar.bottom.left {
+  margin-right: 7px;
+  border-left-style: none;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 13px;
+}
+
+.nautilus-window .floating-bar.bottom.right {
+  margin-left: 7px;
+  border-right-style: none;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 13px;
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+}
+
+.nautilus-window.maximized .floating-bar {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.nautilus-window searchbar {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: rgba(52, 52, 59, 0.65);
+}
+
+.nautilus-window .searchbar-container {
+  margin-top: -1px;
+}
+
+.nautilus-window flowboxchild > widget > .icon-item-background {
+  padding: 4px;
+  border-radius: 5px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window flowboxchild:selected > widget > .icon-item-background {
+  background-color: #5657f5;
+}
+
+.nautilus-canvas-item {
+  border-radius: 5px;
+}
+
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item:not(:selected) {
+  color: #FFFFFF;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+@keyframes needs_attention_keyframes {
+  to {
+    background-color: rgba(255, 255, 255, 0.15);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
+}
+
+.disk-space-display.unknown {
+  background-color: #FF6D00;
+}
+
+.disk-space-display.used {
+  background-color: #5657f5;
+}
+
+.disk-space-display.free {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6f4329;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
+  border-style: none;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
+  margin: 0 8px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+/*********
+ * gedit *
+ *********/
+.open-document-selector-path-label {
+  color: rgba(255, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-path-label:selected {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.gedit-document-panel {
+  background-color: #44454b;
+}
+
+.gedit-document-panel row button.flat {
+  margin: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+
+.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
+  border-radius: 7px;
+}
+
+.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.gedit-search-slider entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider entry.error ~ button {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
+  color: #FFFFFF;
+}
+
+.gedit-search-slider entry.error ~ button:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.gedit-search-slider button {
+  border: solid 6px transparent;
+}
+
+.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
+  margin-right: -3px;
+}
+
+frame.gedit-map-frame > border:dir(ltr) {
+  border-style: none none none solid;
+}
+
+frame.gedit-map-frame > border:dir(rtl) {
+  border-style: none solid none none;
+}
+
+paned.titlebar.horizontal headerbar {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.08);
+}
+
+.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal {
+  padding: 3px 3px 0;
+}
+
+.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal {
+  margin: 0 0 2px;
+}
+
+.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal button.image-button.small-button {
+  padding: 4px;
+  border-radius: 7px;
+  -gtk-outline-radius: 7px;
+}
+
+.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal button.popup.small-button.toggle {
+  padding: 4px;
+}
+
+.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > scrolledwindow {
+  margin: 2px 6px 6px;
+  border-radius: 7px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > scrolledwindow row.activatable {
+  padding: 3px;
+}
+
+.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal stack scrolledwindow viewport.frame list.gedit-document-panel {
+  background: none;
+}
+
+/**********************
+  *  Gnome Tweak Tool  *
+  **********************/
+.tweak-categories {
+  background-image: image(#44454b);
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 13px;
+}
+
+leaflet list.navigation-sidebar {
+  background-color: #3b3b43;
+  border-bottom-left-radius: 13px;
+}
+
+leaflet list.navigation-sidebar > separator {
+  background-color: transparent;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-white,
+.tweak-white,
+.tweak-white:hover {
+  background-image: image(#31313a);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 13px;
+  background-color: transparent;
+  background-image: none;
+}
+
+list.tweak-group list, list#ListBoxTweakGroup list {
+  padding: 0;
+}
+
+row#Focus,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: #34343b;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  box-shadow: inset 0 -2px #5657f5;
+  background-color: #31313a;
+}
+
+layouttab separator.vertical {
+  margin: 8px 4px;
+}
+
+layouttab button.text-button, layouttab button.image-button, layouttab button {
+  margin-top: 8px;
+  margin-bottom: 8px;
+  padding: 0 4px;
+}
+
+layout {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  -PnlDockBin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #DD2C00;
+  color: #FFFFFF;
+}
+
+window.workbench treeview.image {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+window.workbench treeview.image:selected {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 7px;
+}
+
+popover.popover-selector list row image:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.popover-selector list row image:dir(rtl) {
+  margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(ltr) {
+  margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(rtl) {
+  margin-right: 6px;
+}
+
+omnibar.linked:not(.vertical) entry {
+  border-radius: 7px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+entry.preferences-search {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #44454b;
+}
+
+preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
+  border-style: none;
+}
+
+preferences > box > box:dir(ltr) {
+  border-right: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 7px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 7px;
+}
+
+popover.messagepopover .popover-content-area {
+  margin: 16px;
+}
+
+popover.transfers list {
+  background-color: transparent;
+}
+
+popover.transfers list row:not(:first-child) {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  -PnlDockBin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: #34343b;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: #34343b;
+}
+
+docktab {
+  transition: all 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  outline-offset: -6px;
+  border-width: 1px;
+  border-color: transparent;
+  background-image: radial-gradient(circle farthest-corner at center, #5657f5 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(255, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  box-shadow: inset 0 -2px rgba(255, 255, 255, 0.2);
+  color: #FFFFFF;
+}
+
+docktab:checked {
+  transition: all 225ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -2px #5657f5;
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #FFFFFF;
+}
+
+dockoverlayedge {
+  background-color: #34343b;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:hover {
+  box-shadow: inset -2px 0 rgba(255, 255, 255, 0.2);
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #5657f5;
+}
+
+dockoverlayedge.right-edge docktab:hover {
+  box-shadow: inset 2px 0 rgba(255, 255, 255, 0.2);
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #5657f5;
+}
+
+pillbox {
+  background-color: #34343b;
+  border-radius: 7px;
+}
+
+layoutpane entry.search {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+}
+
+.gb-search-entry-occurrences-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+docktabstrip {
+  min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+button.dzlmenubutton image {
+  min-width: 30px;
+}
+
+button.dzlmenubutton image.arrow {
+  min-width: 27px;
+}
+
+button.dzlmenubuttonitem {
+  color: #FFFFFF;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+idelayoutstackheader button:checked {
+  color: #FFFFFF;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #34343b;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  outline-offset: -6px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(circle farthest-corner at center, rgba(86, 87, 245, 0.7) 10%, transparent 0%);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
+  box-shadow: inset -2px 0 rgba(255, 255, 255, 0.2);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #5657f5;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
+  box-shadow: inset 2px 0 rgba(255, 255, 255, 0.2);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #5657f5;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -GdMainIconView-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+  background-color: #7C4DFF;
+  color: #FFFFFF;
+  font-weight: bold;
+}
+
+.documents-scrolledwin.frame {
+  border-style: none;
+}
+
+.documents-scrolledwin.frame frame.content-view > border {
+  border-style: none;
+}
+
+.photos-fade-in {
+  opacity: 1;
+  transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
+  border-style: none none none solid;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
+  border-style: none solid none none;
+}
+
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view {
+  background-color: transparent;
+  border-radius: 0 0 13px 13px;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame widget > frame.content-view {
+  background-color: transparent;
+  border-radius: 0 0 13px 13px;
+}
+
+.documents-scrolledwin viewport.frame widget > frame.content-view border {
+  border: none;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(255, 255, 255, 0.08);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(255, 255, 255, 0.08);
+}
+
+.side-panel .view {
+  background-image: image(#44454b);
+}
+
+.side-panel .view:hover {
+  background-image: image(#4d4e54);
+}
+
+.side-panel .view:selected {
+  background-image: image(#5657f5);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(#5e5ff6);
+}
+
+.songs-list:hover {
+  background-image: image(rgba(255, 255, 255, 0.05));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 13px 13px;
+  background-color: #31313a;
+}
+
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow {
+  border-radius: 0 0 0 13px;
+  background-color: #34343b;
+}
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/**************
+ * Gnome-Logs *
+ **************/
+headerbar > button.flat.popup.title-menu-button.toggle > grid .title {
+  margin: -3px 0;
+  padding: 2px 4px 0;
+  font-size: 90%;
+}
+
+headerbar > button.flat.popup.title-menu-button.toggle > grid .subtitle {
+  margin: -3px 0;
+  padding: 0 4px 2px;
+  font-size: 80%;
+}
+
+window.background > box.vertical box.horizontal list.categories {
+  border-radius: 0 0 0 13px;
+}
+
+window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list > separator {
+  background-color: transparent;
+}
+
+window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list > separator.compressed-rows-group-separator {
+  background-image: image(#31313a);
+}
+
+window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label {
+  background-image: image(#7C4DFF);
+  color: #FFFFFF;
+  font-weight: 700;
+}
+
+window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row {
+  background-image: image(#2d2d33);
+  color: #cccccc;
+}
+
+window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover {
+  background-image: image(#3e3e45);
+  color: #FFFFFF;
+}
+
+window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus {
+  background-image: image(#48484f);
+  color: #FFFFFF;
+  animation: none;
+}
+
+window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row {
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header {
+  background-image: image(#31313a);
+  background-color: #31313a;
+  color: #5657f5;
+  transition: none;
+  animation: none;
+}
+
+window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover {
+  background-color: rgba(255, 255, 255, 0.08);
+  color: #5657f5;
+}
+
+window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:checked, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:checked:focus {
+  background-color: rgba(255, 255, 255, 0.2);
+  background-image: image(#31313a);
+}
+
+window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label {
+  background-image: image(#5657f5);
+  color: #FFFFFF;
+}
+
+/************************
+  * Gnome Control Center *
+  ************************/
+stack > box.vertical > widget > overlay grid.horizontal > stack > button.toggle {
+  margin: 8px 6px;
+}
+
+box.horizontal.titlebar > headerbar > stack > box.vertical > .title {
+  margin: 0;
+}
+
+box.horizontal.titlebar > headerbar > stack > box.vertical > .subtitle {
+  margin: -3px 0;
+}
+
+dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
+  font-weight: 700;
+}
+
+window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
+window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
+window.background.csd > headerbar.titlebar > leaflet > separator.sidebar {
+  border-right-style: none;
+  background: none;
+  min-width: 0;
+}
+
+window.background.csd > box.horizontal > separator.sidebar,
+window.background.csd > hdyleaflet > separator.sidebar,
+window.background.csd > leaflet > separator.sidebar {
+  background: none;
+  min-width: 0;
+}
+
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > leaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  border-radius: 0 0 13px 13px;
+}
+
+window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
+window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
+window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame {
+  background-color: #31313a;
+  border-bottom-right-radius: 14px;
+}
+
+window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
+window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
+window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view {
+  background: none;
+}
+
+window.background.csd > hdyleaflet > stack.background frame.view,
+window.background.csd > leaflet > stack.background frame.view,
+window.background.csd > box.horizontal > stack.background frame.view {
+  border-radius: 7px;
+}
+
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #31313a;
+  border-bottom-left-radius: 14px;
+}
+
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack,
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack {
+  background-color: transparent;
+}
+
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list,
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list {
+  background-color: transparent;
+}
+
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) {
+  background-color: transparent;
+}
+
+hdyleaflet frame > border, leaflet frame > border {
+  border: none;
+}
+
+hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable {
+  margin-right: 4px;
+  border-radius: 0 7px 7px 0;
+}
+
+hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected {
+  background-color: rgba(255, 255, 255, 0.06);
+  color: #9e9ff9;
+}
+
+hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected image, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected label, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected image, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected label {
+  color: #9e9ff9;
+}
+
+hdyleaflet > separator.sidebar, leaflet > separator.sidebar {
+  border-right-style: none;
+  background: none;
+  min-width: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #31313a;
+  border-radius: 0 0 13px 13px;
+}
+
+window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view {
+  background: none;
+}
+
+/************************
+ * Gnome sound recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow.frame {
+  border: none;
+}
+
+stack > grid.vertical > scrolledwindow.frame > viewport.frame list {
+  border-radius: 0 0 13px 13px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar,
+window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar {
+  background-color: #5657f5;
+}
+
+window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:checked,
+window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar,
+window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:hover,
+window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:checked {
+  color: #FFFFFF;
+}
+
+window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:disabled, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:checked:disabled,
+window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:disabled,
+window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:checked:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:checked,
+window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop,
+window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:hover,
+window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:checked {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:disabled, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:checked:disabled,
+window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:disabled,
+window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:checked:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border {
+  border-top-width: 0;
+  border-left-width: 0;
+  border-bottom-width: 0;
+}
+
+window.background.csd > overlay > grid.horizontal .contacts-contact-form {
+  border-bottom-right-radius: 13px;
+}
+
+/******************
+  * Gnome calender *
+  ******************/
+popover.background datechooser day.day.other-month {
+  color: rgba(255, 255, 255, 0.12);
+}
+
+popover.background datechooser day.day.other-month:hover, popover.background datechooser day.day.other-month:active, popover.background datechooser day.day.other-month:checked {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: rgba(255, 255, 255, 0.12);
+}
+
+popover.background datechooser label.weekday {
+  color: rgba(255, 255, 255, 0.7);
+  font-weight: bold;
+}
+
+/****************
+ * Gnome clocks *
+ ****************/
+window.background.csd.unified {
+  border-top-left-radius: 13px;
+  border-top-right-radius: 13px;
+}
+
+window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle {
+  border-top-left-radius: 13px;
+  border-top-right-radius: 13px;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+}
+
+window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer {
+  margin: 0 0;
+  background: none;
+}
+
+window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/****************
+ * Gnome Weather *
+ ****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 13px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 13px;
+  border-bottom-left-radius: 13px;
+}
+
+/*********
+  * To Do *
+  *********/
+taskrow {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+taskrow:hover {
+  transition: none;
+}
+
+taskrow label {
+  margin: 0 8px;
+}
+
+taskrow image {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+/*******
+ * eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+#eog-thumb-nav button {
+  -gtk-outline-radius: 7px;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 13px;
+  border-right: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/********
+ * gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+list.categories {
+  background-image: image(#44454b);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 5px;
+  background-color: rgba(0, 0, 0, 0.3);
+  color: #FFFFFF;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.geary-main-window.background.csd box.vertical > paned.horizontal > box.sidebar.vertical,
+window#GearyMainWindow.background.csd box.vertical > paned.horizontal > box.sidebar.vertical {
+  border-bottom-left-radius: 13px;
+}
+
+window.geary-main-window.background.csd box.vertical > paned.horizontal > box.sidebar.vertical statusbar,
+window#GearyMainWindow.background.csd box.vertical > paned.horizontal > box.sidebar.vertical statusbar {
+  border-bottom-left-radius: 13px;
+}
+
+window.geary-main-window.background.csd stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 13px;
+}
+
+window.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox,
+window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox {
+  background: none;
+  border-bottom-right-radius: 13px;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+/************
+ * Terminal *
+ ************/
+window.background > box.vertical > box.horizontal > frame > border {
+  border-width: 0 1px 0 0;
+}
+
+window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list {
+  border-bottom-left-radius: 13px;
+}
+
+window.background > box.vertical > box.horizontal > stack > widget > notebook.frame {
+  border-width: 0;
+}
+
+window.background > box.vertical > box.horizontal > stack > widget > notebook.frame > stack {
+  border-bottom-right-radius: 13px;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border {
+  border: none;
+}
+
+window.background.csd > stack > box > box > list {
+  border-bottom-left-radius: 13px;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > box.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child {
+  border-radius: 0 0 0 13px;
+}
+
+dialog.background.csd > box.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child {
+  border-radius: 0 0 13px 0;
+}
+
+dialog.background.csd > box.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd > box.dialog-vbox > stack > stack > scrolledwindow {
+  border-radius: 0 0 13px 13px;
+  background-color: #31313a;
+}
+
+dialog.background.csd > box.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd > box.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame {
+  border-radius: 7px;
+}
+
+dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame textview.view {
+  border-radius: 7px;
+}
+
+dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) {
+  background: none;
+}
+
+dialog.background.csd > box.dialog-vbox stack scrolledwindow viewport.frame.view {
+  border-radius: 7px;
+}
+
+/******************
+ * Unified window *
+ ******************/
+window.background.csd.unified headerbar {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+}
+
+window.background.csd.unified headerbar.selection-mode {
+  box-shadow: none;
+}
+
+window.background.csd.unified > decoration-overlay {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 13px;
+}
+
+window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen > decoration-overlay {
+  box-shadow: none;
+}
+
+window.background.csd.unified.tiled,
+window.background.csd.unified.tiled > decoration,
+window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top,
+window.background.csd.unified.tiled-top > decoration,
+window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right,
+window.background.csd.unified.tiled-right > decoration,
+window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom,
+window.background.csd.unified.tiled-bottom > decoration,
+window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left,
+window.background.csd.unified.tiled-left > decoration,
+window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized,
+window.background.csd.unified.maximized > decoration,
+window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen,
+window.background.csd.unified.fullscreen > decoration,
+window.background.csd.unified.fullscreen > decoration-overlay {
+  border-radius: 0;
+}
+
+.nemo-window .nemo-places-sidebar {
+  background-color: #34343b;
+}
+
+.nemo-window .nemo-places-sidebar.frame {
+  border-width: 0;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 3px;
+  padding: 3px 10px;
+  border: 2px solid #5657f5;
+  background-color: rgba(86, 87, 245, 0.1);
+}
+
+.nemo-window toolbar.primary-toolbar {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 225ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0 6px;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+  color: #FFFFFF;
+  border: none;
+}
+
+.nemo-window toolbar.primary-toolbar:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window toolbar.primary-toolbar > toolitem > box > button {
+  min-height: 36px;
+  min-width: 36px;
+  margin: 6px 2px;
+  padding: 0 0;
+  border-image: none;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window toolbar.primary-toolbar > toolitem > box > button:hover, .nemo-window toolbar.primary-toolbar > toolitem > box > button:active {
+  color: #FFFFFF;
+}
+
+.nemo-window toolbar.primary-toolbar > toolitem > box > button:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.nemo-window toolbar.primary-toolbar > toolitem > box > button:checked {
+  border-image: none;
+  background-color: #5657f5;
+  color: #FFFFFF;
+  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12);
+}
+
+.nemo-window toolbar.primary-toolbar > toolitem > box > button:checked:disabled {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: rgba(86, 87, 245, 0.5);
+}
+
+.nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop:hover, .nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop:active {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop:checked {
+  background-image: none;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop:checked:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.nemo-window toolbar.primary-toolbar .linked.path-bar > button {
+  min-height: 0;
+  margin: 6px 0;
+  padding: 0 12px;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window toolbar.primary-toolbar .linked.path-bar > button:hover, .nemo-window toolbar.primary-toolbar .linked.path-bar > button:active, .nemo-window toolbar.primary-toolbar .linked.path-bar > button:checked {
+  color: #FFFFFF;
+}
+
+.nemo-window toolbar.primary-toolbar .linked.path-bar > button:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.nemo-window toolbar.primary-toolbar .linked.path-bar > button:first-child, .nemo-window toolbar.primary-toolbar .linked.path-bar > button:last-child {
+  padding: 0 6px;
+}
+
+.nemo-window toolbar.primary-toolbar .linked.path-bar > button image, .nemo-window toolbar.primary-toolbar .linked.path-bar > button label {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.nemo-window .sidebar scrolledwindow.frame {
+  border: none;
+}
+
+/*********
+ * Tilix *
+ *********/
+.tilix-background {
+  border-radius: 0;
+}
+
+overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16);
+}
+
+overlay > revealer.left > scrolledwindow.frame {
+  margin-right: 32px;
+}
+
+overlay > revealer.right > scrolledwindow.frame {
+  margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+  background-image: image(#44454b);
+}
+
+.terminix-session-sidebar button.tilix-sidebar-close-button,
+.tilix-session-sidebar button.tilix-sidebar-close-button {
+  min-height: 20px;
+  min-width: 20px;
+  padding: 0;
+  background-color: #FF5252;
+}
+
+.terminix-session-sidebar button.tilix-sidebar-close-button, .terminix-session-sidebar button.tilix-sidebar-close-button:hover, .terminix-session-sidebar button.tilix-sidebar-close-button:active, .terminix-session-sidebar button.tilix-sidebar-close-button:checked,
+.tilix-session-sidebar button.tilix-sidebar-close-button,
+.tilix-session-sidebar button.tilix-sidebar-close-button:hover,
+.tilix-session-sidebar button.tilix-sidebar-close-button:active,
+.tilix-session-sidebar button.tilix-sidebar-close-button:checked {
+  color: white;
+}
+
+.terminix-session-sidebar button.tilix-sidebar-close-button:hover,
+.tilix-session-sidebar button.tilix-sidebar-close-button:hover {
+  background-image: image(#ff6c6c);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+.terminix-session-sidebar button.tilix-sidebar-close-button:active, .terminix-session-sidebar button.tilix-sidebar-close-button:checked,
+.tilix-session-sidebar button.tilix-sidebar-close-button:active,
+.tilix-session-sidebar button.tilix-sidebar-close-button:checked {
+  background-image: image(#ff1f1f);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+widget > box.terminal-titlebar {
+  padding: 0 6px;
+}
+
+widget > box.terminal-titlebar > button.flat.popup.toggle {
+  border: none;
+  border-radius: 0;
+  padding: 0 8px;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0;
+}
+
+widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) {
+  padding-right: 6px;
+}
+
+widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) {
+  padding-left: 6px;
+}
+
+widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle {
+  margin: 2px 0;
+  padding: 0;
+  min-height: 24px;
+  min-width: 24px;
+}
+
+/***********
+ * Eclipse *
+ ***********/
+window.background > box.vertical > scrolledwindow > widget toolbar {
+  padding: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar separator,
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+  margin: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+  border-radius: 7px;
+}
+
+/************
+ * Chromium *
+ ************/
+tooltip.chromium {
+  background-color: #31313a;
+}
+
+/***********
+ * Firefox *
+ ***********/
+window.background:not(.csd) > widget > separator {
+  color: rgba(0, 0, 0, 0.2);
+}
+
+window.background:not(.csd) > widget > scrollbar {
+  background-clip: border-box;
+}
+
+window.background:not(.csd) > widget > scrollbar,
+window.background:not(.csd) > widget > frame > border {
+  border-color: rgba(0, 0, 0, 0.2);
+}
+
+window.background:not(.csd) > widget > entry,
+window.background:not(.csd) > widget > button > button {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 8px;
+  box-shadow: none;
+}
+
+window.background:not(.csd) > widget > entry {
+  min-height: 30px;
+}
+
+window.background:not(.csd) > widget > entry:focus {
+  border-color: #5657f5;
+}
+
+window.background:not(.csd) > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+window.background:not(.csd) > widget > button > button:hover {
+  background-image: image(alpha(currentColor, 0.05));
+}
+
+window.background:not(.csd) > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+window.background:not(.csd) > widget > checkbutton > check:not(:checked),
+window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
+  color: #757575;
+}
+
+window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
+window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
+window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
+  color: #212121;
+}
+
+window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
+window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
+  color: rgba(117, 117, 117, 0.5);
+}
+
+window.background:not(.csd) .menu {
+  border-radius: 0;
+}
+
+window.background:not(.csd) > window:not(.csd) > menu,
+window.background:not(.csd) > menu > menu {
+  border: none;
+  border-radius: 0;
+  padding: 4px 0;
+}
+
+window.background:not(.csd) > window:not(.csd) > menu menuitem,
+window.background:not(.csd) > menu > menu menuitem {
+  transition: none;
+  border-radius: 0;
+}
+
+window.background:not(.csd) > window:not(.csd) > menu menuitem:hover,
+window.background:not(.csd) > menu > menu menuitem:hover {
+  background-color: #5657f5;
+}
+
+window.background:not(.csd) > window:not(.csd) > menu menuitem:hover, window.background:not(.csd) > window:not(.csd) > menu menuitem:hover image,
+window.background:not(.csd) > menu > menu menuitem:hover,
+window.background:not(.csd) > menu > menu menuitem:hover image {
+  color: #FFFFFF;
+}
+
+window.background:not(.csd) > window:not(.csd) > menu menuitem:hover accelerator,
+window.background:not(.csd) > menu > menu menuitem:hover accelerator {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+window.background:not(.csd) > window.csd > menu menuitem {
+  transition: none;
+}
+
+window.background:not(.csd) > widget > menubar {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+window.background:not(.csd) > widget > menubar:hover {
+  color: #FFFFFF;
+}
+
+window.background:not(.csd) > widget > menubar:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+window.background:not(.csd) > widget > frame {
+  color: #474751;
+}
+
+window.background:not(.csd) > widget > checkbutton > check,
+window.background:not(.csd) > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+window.background:not(.csd) > window.background > menu > separator {
+  color: #474751;
+}
+
+#MozillaGtkWidget.background, #MozillaGtkWidget.background decoration {
+  border-radius: 2px 2px 0 0;
+}
+
+#MozillaGtkWidget.background headerbar.titlebar {
+  border-radius: 2px 2px 0 0;
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton {
+  min-width: 20px;
+  min-height: 20px;
+  margin: 6px 2px;
+  padding: 0;
+  color: rgba(255, 255, 255, 0.7);
+  background-color: transparent;
+}
+
+window.background.chromium {
+  background-color: #34343b;
+  color: #FFFFFF;
+}
+
+window.background.chromium headerbar.titlebar {
+  padding: 0 18px;
+}
+
+window.background.chromium headerbar.titlebar button.titlebutton.close, window.background.chromium headerbar.titlebar button.titlebutton.maximize, window.background.chromium headerbar.titlebar button.titlebutton.minimize {
+  border: none;
+  min-width: 12px;
+  min-height: 12px;
+  padding: 0;
+  margin: 0 2px;
+  color: transparent;
+}
+
+window.background.chromium headerbar.titlebar button.titlebutton.close:hover, window.background.chromium headerbar.titlebar button.titlebutton.maximize:hover, window.background.chromium headerbar.titlebar button.titlebutton.minimize:hover {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar.titlebar button.titlebutton.close:active, window.background.chromium headerbar.titlebar button.titlebutton.close:checked, window.background.chromium headerbar.titlebar button.titlebutton.maximize:active, window.background.chromium headerbar.titlebar button.titlebutton.maximize:checked, window.background.chromium headerbar.titlebar button.titlebutton.minimize:active, window.background.chromium headerbar.titlebar button.titlebutton.minimize:checked {
+  color: #FFFFFF;
+}
+
+window.background.chromium headerbar.titlebar button.titlebutton.close:hover {
+  padding: 0;
+  margin: 0 2px;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar.titlebar button.titlebutton.close:active, window.background.chromium headerbar.titlebar button.titlebutton.close:checked {
+  padding: 0;
+  margin: 0 2px;
+  box-shadow: none;
+  color: #FFFFFF;
+}
+
+window.background.chromium button {
+  border-width: 1px;
+  border-style: solid;
+  border-color: #474751;
+  color: #FFFFFF;
+}
+
+window.background.chromium entry.chromium {
+  border-image: none;
+  border: 1px solid #474751;
+}
+
+window.background.chromium entry.chromium:focus {
+  border-color: #5657f5;
+}
+
+window.background.chromium tooltip.background, window.background.chromium tooltip.background.csd {
+  color: #565656;
+}
+
+window.background.chromium > textview.view {
+  background-color: #34343b;
+  color: #FFFFFF;
+}
+
+window.background.chromium > menubar {
+  background-color: #31313a;
+}
+
+window.background.chromium > menu {
+  color: #FFFFFF;
+  background-color: #3c3c46;
+  border: 1px solid #474751;
+  border-radius: 0;
+}
+
+window.background.chromium > menu > separator, window.background.chromium > menu .separator {
+  background-color: #474751;
+  color: #474751;
+  border: none;
+}
+
+window.background.chromium > menu > menuitem {
+  color: #FFFFFF;
+  border-radius: 0;
+}
+
+window.background.chromium > menu > menuitem:hover {
+  color: #FFFFFF;
+  background-color: #5657f5;
+}
+
+window.background.chromium > menu > menuitem:disabled {
+  color: rgba(255, 255, 255, 0.45);
+}
+
+window.background.chromium > menu > menuitem accelerator {
+  color: rgba(255, 255, 255, 0.45);
+}
+
+/*************
+  * RhythmBox *
+  *************/
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  margin: -1px 0;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  box-shadow: none;
+  background-color: transparent;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button {
+  min-height: 36px;
+  min-width: 36px;
+  padding: 0;
+  margin-top: 8px;
+  margin-bottom: 8px;
+  border-radius: 100px;
+  -gtk-outline-radius: 100px;
+}
+
+window.csd > box.vertical > box.vertical > frame,
+window.solid-csd > box.vertical > box.vertical > frame {
+  margin: -1px 0;
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > frame > border,
+window.solid-csd > box.vertical > box.vertical > frame > border {
+  border: none;
+}
+
+window.background > box.vertical > box.vertical > toolbar button,
+window.background > box.vertical > box.vertical > toolbar .linked > button {
+  min-width: 52px;
+  min-height: 52px;
+  padding: 0;
+  margin: 0;
+  border-radius: 100px;
+  -gtk-outline-radius: 100px;
+}
+
+window.background > box.vertical > toolbar.primary-toolbar toolitem:first-child .linked > button.image-button.raised {
+  min-width: 52px;
+  min-height: 52px;
+  margin: 0;
+  padding: 0;
+  border-radius: 100px;
+  -gtk-outline-radius: 100px;
+}
+
+window.background > box.vertical > toolbar.primary-toolbar toolitem:first-child .linked > button.image-button.raised > widget > box > image {
+  padding: 0;
+}
+
+window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised {
+  min-height: 36px;
+  min-width: 36px;
+  padding: 0;
+  border-radius: 100px;
+  -gtk-outline-radius: 100px;
+}
+
+window.background > box.vertical > toolbar.primary-toolbar toolitem button.flat.scale {
+  min-height: 36px;
+  min-width: 36px;
+  padding: 0;
+  margin-top: 12px;
+  margin-bottom: 12px;
+  border-radius: 100px;
+  -gtk-outline-radius: 100px;
+}
+
+/***********
+  *  Geary  *
+  ***********/
+.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > border, .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > border {
+  border-width: 0;
+}
+
+.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > scrolledwindow:dir(ltr), .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > scrolledwindow:dir(ltr) {
+  border: none;
+}
+
+.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > scrolledwindow:dir(rtl), .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > scrolledwindow:dir(rtl) {
+  border: none;
+}
+
+.solid-csd .geary-titlebar-right, .solid-csd .geary-titlebar-left {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.geary-titlebar-right separator,
+.geary-titlebar-left separator {
+  opacity: 0;
+}
+
+stack#conversation_viewer scrolledwindow.geary-conversation-scroller > viewport.frame {
+  border: none;
+}
+
+popover.background list.geary-folder-popover-list row.activatable.geary-folder-popover-list-row label {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+popover.background list.geary-folder-popover-list row.activatable.geary-folder-popover-list-row label:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+/************
+ * Inkscape *
+ ************/
+#ToolboxCommon > #AuxToolbox #StyleSwatch {
+  font-size: smaller;
+}
+
+#ToolboxCommon > #AuxToolbox #Kludge {
+  padding: 0;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton,
+#ToolboxCommon > #AuxToolbox entry {
+  min-height: 32px;
+}
+
+#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 4px 8px;
+  border-radius: 7px;
+  -gtk-outline-radius: 7px;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton button {
+  border-width: 4px;
+}
+
+#ToolboxCommon > toolbar.vertical {
+  margin-top: -4px;
+}
+
+#ToolboxCommon > toolbar.vertical button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px;
+  border-radius: 7px;
+  -gtk-outline-radius: 7px;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+#Canvas_and_Dock frame > border {
+  border: none;
+}
+
+#Canvas_and_Dock widget > widget > button.flat {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+}
+
+#Canvas_and_Dock widget > widget > box.horizontal image {
+  padding: 4px;
+}
+
+#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
+  min-height: 16px;
+  min-width: 24px;
+  padding: 8px 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+box.vertical > widget > widget:selected {
+  background-color: #5657f5;
+}
+
+/***********
+ *  xfce4  *
+ ***********/
+.xfce4-panel button, .xfce4-panel button.flat {
+  color: rgba(255, 255, 255, 0.7);
+  border-radius: 0;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.xfce4-panel button:hover:not(:active):not(:checked) {
+  color: #FFFFFF;
+  box-shadow: inset 0 -2px rgba(124, 77, 255, 0.5);
+}
+
+.xfce4-panel button:checked, .xfce4-panel button:active {
+  color: #FFFFFF;
+  background: none;
+  box-shadow: inset 0 -2px #7C4DFF;
+}
+
+.xfce4-panel button:checked label, .xfce4-panel button:checked image, .xfce4-panel button:active label, .xfce4-panel button:active image {
+  color: inherit;
+}
+
+.XfceHeading {
+  border: 0 none transparent;
+  background-color: #34343b;
+  color: #FFFFFF;
+}
+
+.xfce4-panel {
+  background-color: #25252d;
+  color: rgba(255, 255, 255, 0.7);
+  font-weight: 700;
+  text-shadow: none;
+  -gtk-icon-shadow: none;
+}
+
+.xfce4-panel,
+.xfce4-panel frame > border {
+  border: none;
+}
+
+.xfce4-panel#XfcePanelWindow {
+  border: none;
+}
+
+.xfce4-panel button {
+  font-weight: 700;
+}
+
+.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover {
+  box-shadow: none;
+}
+
+.xfce4-panel button#launcher-arrow + button.toggle:checked {
+  color: #7C4DFF;
+  box-shadow: none;
+}
+
+.xfce4-panel button#xfce4-notification-plugin {
+  padding: 0 1px;
+}
+
+.xfce4-panel menu {
+  font-weight: 400;
+  text-shadow: none;
+  -gtk-icon-effect: none;
+}
+
+.xfce4-panel widget.tasklist > button.toggle {
+  font-weight: 400;
+}
+
+XfdesktopIconView.view {
+  border-radius: 5px;
+  background: transparent;
+  color: #FFFFFF;
+  text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12);
+}
+
+XfdesktopIconView.view:active, XfdesktopIconView.view:checked {
+  background-color: #5657f5;
+  text-shadow: none;
+}
+
+window#whiskermenu-window {
+  background-color: #31313a;
+}
+
+window#whiskermenu-window > frame > border {
+  border-radius: 0;
+}
+
+window#whiskermenu-window scrolledwindow > viewport button.radio:not(:disabled) {
+  border-radius: 3px;
+}
+
+window#whiskermenu-window scrolledwindow > viewport button.radio:hover {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+window#whiskermenu-window scrolledwindow > viewport button.radio:checked {
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+window#whiskermenu-window scrolledwindow treeview.view:selected:hover {
+  background-color: rgba(255, 255, 255, 0.05);
+  color: #FFFFFF;
+}
+
+window.thunar .sidebar {
+  border-top: none;
+}
+
+window.thunar toolbar#location-toolbar {
+  background-color: #31313a;
+  color: #FFFFFF;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+window.thunar toolbar#location-toolbar entry {
+  min-height: 0;
+}
+
+window.thunar toolbar#location-toolbar button {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+window.thunar toolbar#location-toolbar button:hover, window.thunar toolbar#location-toolbar button:active, window.thunar toolbar#location-toolbar button:checked {
+  color: #FFFFFF;
+}
+
+window.thunar toolbar#location-toolbar button:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+window.thunar notebook stack > scrolledwindow.frame.standard-view {
+  border-top-width: 0;
+  border-right-width: 0;
+}
+
+window.thunar notebook stack > scrolledwindow.frame.standard-view widget.view {
+  border-radius: 3px;
+}
+
+window.thunar notebook header.top tab.reorderable-page > box > label {
+  min-height: 0;
+}
+
+menubar.-vala-panel-appmenu-private,
+menubar.-vala-panel-background {
+  background: none;
+  border: none;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem,
+menubar.-vala-panel-background > menuitem {
+  color: rgba(255, 255, 255, 0.8);
+  font-weight: normal;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem:hover,
+menubar.-vala-panel-background > menuitem:hover {
+  color: #FFFFFF;
+  border-radius: 0 0 0 0;
+}
+
+/*********
+ * Unity *
+ *********/
+UnityDecoration {
+  -UnityDecoration-extents: 28px 0 0 0;
+  -UnityDecoration-input-extents: 8px;
+  -UnityDecoration-shadow-offset-x: 0;
+  -UnityDecoration-shadow-offset-y: 3px;
+  -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
+  -UnityDecoration-active-shadow-radius: 18px;
+  -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
+  -UnityDecoration-inactive-shadow-radius: 6px;
+  -UnityDecoration-glow-size: 8px;
+  -UnityDecoration-glow-color: #5657f5;
+  -UnityDecoration-title-indent: 4px;
+  -UnityDecoration-title-fade: 32px;
+  -UnityDecoration-title-alignment: 0.0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 13px 13px 0 0;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #31313a;
+  color: #FFFFFF;
+}
+
+UnityDecoration .top:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 7px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: #25252d;
+  color: #FFFFFF;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+  animation: spin 1s linear infinite;
+  color: #5657f5;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: #25252d;
+  font-weight: 500;
+}
+
+.mate-panel-menu-bar:not(.popup) {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+PanelToplevel.horizontal > grid > button {
+  min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+  min-height: 24px;
+}
+
+PanelSeparator {
+  color: rgba(255, 255, 255, 0.08);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: transparent;
+}
+
+.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
+  border-width: 0 1px;
+}
+
+.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
+  border-width: 1px 0;
+}
+
+.mate-panel-menu-bar menubar > menuitem {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  background-color: rgba(255, 255, 255, 0.08);
+  color: #FFFFFF;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.mate-panel-menu-bar.horizontal menubar > menuitem {
+  padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical menubar > menuitem {
+  padding: 8px 0;
+}
+
+.mate-panel-menu-bar menubar menu > menuitem {
+  min-height: 28px;
+  padding: 0 6px;
+}
+
+.mate-panel-menu-bar #PanelApplet button {
+  -GtkWidget-window-dragging: true;
+}
+
+.mate-panel-menu-bar #tasklist-button {
+  color: rgba(255, 255, 255, 0.7);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.12);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
+  padding-left: 4px;
+}
+
+.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
+  padding-right: 4px;
+}
+
+.mate-panel-menu-bar.vertical #tasklist-button {
+  min-height: 32px;
+}
+
+.mate-panel-menu-bar.horizontal #showdesktop-button image {
+  min-width: 24px;
+  padding: 0 4px;
+}
+
+.mate-panel-menu-bar.vertical #showdesktop-button image {
+  min-height: 24px;
+  padding: 4px 0;
+}
+
+PanelApplet.wnck-applet .wnck-pager {
+  background-color: transparent;
+  color: #5C6BC0;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: rgba(255, 255, 255, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #5657f5;
+}
+
+#clock-applet-button {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar.horizontal #clock-applet-button label {
+  padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical #clock-applet-button label {
+  padding: 8px 0;
+}
+
+#MatePanelPopupWindow {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 6px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow ClockMap {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+#MatePanelPopupWindow widget {
+  color: rgba(255, 255, 255, 0.08);
+}
+
+na-tray-applet {
+  -NaTrayApplet-icon-padding: 3px;
+  -NaTrayApplet-icon-size: 16;
+}
+
+.mate-panel-menu-bar {
+  -PanelMenuBar-icon-visible: true;
+}
+
+.mate-panel-applet-slider {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 6px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #34343b;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: rgba(255, 255, 255, 0.12);
+  color: #FFFFFF;
+}
+
+#mate-menu {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #FFFFFF;
+  font-weight: normal;
+}
+
+#mate-menu button label:not(:first-child) {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 8px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 8px;
+  padding: 6px;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 5px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button > widget {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -GtkArrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+  background-color: #31313a;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: #34343b;
+}
+
+#caja-extra-view-widget > box > box > label {
+  font-weight: bold;
+}
+
+/*********
+ * Pluma *
+ *********/
+.pluma-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.pluma-window statusbar frame > border {
+  border-style: none;
+}
+
+.pluma-window statusbar frame button.flat {
+  padding: 0 4px;
+  border-radius: 0;
+}
+
+.pluma-window statusbar frame button.flat widget {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -GtkArrow-arrow-scaling: 1;
+}
+
+.pluma-print-preview toolbar {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
+  margin: 1px;
+}
+
+.pluma-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame {
+  margin-top: -1px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border-radius: 5px;
+  box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button {
+  color: rgba(255, 255, 255, 0.7);
+  background-color: transparent;
+  box-shadow: none;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:hover {
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.1);
+  box-shadow: none;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:disabled {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: transparent;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:checked {
+  background-color: rgba(255, 255, 255, 0.15);
+  color: #FFFFFF;
+  box-shadow: none;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:active {
+  background-color: rgba(255, 255, 255, 0.12);
+  color: #FFFFFF;
+  box-shadow: none;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:checked:disabled {
+  background-color: rgba(255, 255, 255, 0.08);
+  color: rgba(255, 255, 255, 0.65);
+  box-shadow: none;
+}
+
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+  padding: 0 2px;
+  margin: 0;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  margin: 4px 2px;
+  min-height: 16px;
+  border-radius: 7px;
+  -gtk-outline-radius: 7px;
+}
+
+.budgie-settings-window list.sidebar {
+  background-color: #31313a;
+  border-radius: 0 0 0 13px;
+}
+
+.budgie-popover {
+  border-color: #44454b;
+  border-radius: 9px;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+  background-color: #3c3c46;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover .container .container {
+  padding: 0;
+}
+
+.budgie-popover border {
+  border: none;
+}
+
+.budgie-popover list {
+  background-color: transparent;
+}
+
+.budgie-popover row {
+  padding: 0;
+}
+
+.budgie-popover row:hover {
+  box-shadow: none;
+}
+
+.budgie-popover switch {
+  margin-left: 56px;
+  margin-right: 6px;
+}
+
+.budgie-popover button {
+  border-radius: 3px;
+}
+
+.budgie-popover button:checked {
+  color: white;
+  background-color: #5657f5;
+}
+
+.budgie-popover .linked entry:first-child, .budgie-popover .linked entry:last-child {
+  border-radius: 0;
+}
+
+.budgie-popover .linked:not(.vertical) > combobox > box > button.combo {
+  border-radius: 0;
+}
+
+.budgie-popover .linked:not(.vertical) > combobox:first-child > box > button.combo {
+  border-radius: 0;
+}
+
+.budgie-popover .linked:not(.vertical) > combobox:last-child > box > button.combo {
+  border-radius: 0;
+}
+
+.budgie-popover .linked:not(.vertical) > combobox:only-child > box > button.combo {
+  border-radius: 0;
+}
+
+.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #FFFFFF;
+  font-weight: normal;
+}
+
+.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.user-menu separator {
+  margin: 3px 0;
+}
+
+.budgie-popover.sound-popover separator {
+  margin: 3px 0;
+}
+
+.budgie-popover.caffeine-popover .container {
+  padding: 9px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin-left: 6px;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 4px;
+  padding-top: 4px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover .container {
+  padding: 2px 6px 6px;
+}
+
+.budgie-popover.workspace-popover separator {
+  margin: 3px 0;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+window.budgie-popover:not(.csd) > frame.container {
+  margin: 0 -1px -1px;
+}
+
+.bottom window.budgie-popover:not(.csd) > frame.container {
+  padding: 2px 0 2px;
+}
+
+window.budgie-popover:not(.csd) > frame.container,
+window.budgie-popover:not(.csd) > frame.container > border {
+  border-style: none;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(255, 255, 255, 0.12);
+}
+
+.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) {
+  border-left-width: 1px;
+}
+
+.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) {
+  border-right-width: 1px;
+}
+
+.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout {
+  border-top-width: 1px;
+}
+
+.workspace-switcher .workspace-item,
+.workspace-switcher .workspace-add-button {
+  border: 0 solid rgba(255, 255, 255, 0.12);
+}
+
+.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) {
+  border-right-width: 1px;
+}
+
+.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) {
+  border-left-width: 1px;
+}
+
+.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button {
+  border-bottom-width: 1px;
+}
+
+.workspace-switcher .workspace-item {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: rgba(255, 255, 255, 0.12);
+}
+
+.workspace-switcher .workspace-add-button:hover {
+  box-shadow: none;
+}
+
+.workspace-switcher .workspace-add-button:active {
+  background-image: none;
+}
+
+.workspace-switcher .workspace-add-button:active image {
+  margin: 1px 0 -1px;
+}
+
+.budgie-panel .workspace-switcher .workspace-icon-button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 7px;
+}
+
+.budgie-menu.background {
+  padding: 0;
+  background-color: #31313a;
+}
+
+.budgie-menu scrollbar,
+.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-menu entry.search {
+  border-radius: 0;
+  font-size: 120%;
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2);
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+.budgie-menu entry.search:focus {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2);
+}
+
+.budgie-menu .categories:dir(ltr) {
+  border-bottom-left-radius: 5px;
+}
+
+.budgie-menu .categories:dir(rtl) {
+  border-bottom-right-radius: 5px;
+}
+
+.budgie-menu button {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+  color: #FFFFFF;
+  font-weight: normal;
+}
+
+.budgie-menu button:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.budgie-menu button:checked:disabled {
+  background-color: #5657f5;
+}
+
+.budgie-menu row {
+  padding: 0;
+}
+
+.budgie-menu row:hover {
+  box-shadow: none;
+}
+
+.budgie-menu list.left-overlay-menu {
+  box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #31313a;
+  padding: 6px;
+  margin: 6px;
+  border-radius: 8px;
+}
+
+.budgie-menu list.left-overlay-menu > row.activatable {
+  border-radius: 2px;
+}
+
+.budgie-menu list.left-overlay-menu > row.activatable:not(:last-child) {
+  margin-bottom: 3px;
+}
+
+.budgie-menu list.left-overlay-menu > row.activatable button.menuitem {
+  border-radius: 2px;
+}
+
+.budgie-menu .budgie-menu-footer {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  padding: 6px;
+}
+
+.budgie-menu .budgie-menu-footer button.flat {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 6px;
+  border-radius: 2px;
+}
+
+.budgie-menu .budgie-menu-footer button.flat.image-button {
+  border-radius: 9999px;
+}
+
+.budgie-menu .budgie-menu-footer button.flat.image-button:not(.last-child) {
+  margin-right: 6px;
+}
+
+popover.background.user-menu {
+  padding: 8px;
+}
+
+popover.background.user-menu .content-box {
+  background-color: transparent;
+}
+
+popover.background.user-menu separator {
+  margin: 4px 0;
+}
+
+popover.background.user-menu row {
+  padding: 0;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.background.places-menu {
+  padding: 8px;
+}
+
+popover.background.places-menu .name-button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+popover.background.places-menu .name-button.text-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+popover.background.places-menu .name-button.text-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+popover.background.places-menu .places-section-header > image:dir(ltr) {
+  margin: 0 -2px 0 5px;
+}
+
+popover.background.places-menu .places-section-header > image:dir(rtl) {
+  margin: 0 5px 0 -2px;
+}
+
+popover.background.places-menu .places-list {
+  margin-top: 4px;
+  padding-top: 4px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: transparent;
+}
+
+popover.background.places-menu row {
+  padding: 0;
+  box-shadow: none;
+  background-image: none;
+}
+
+.budgie-panel {
+  transition: background-color 225ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #25252d;
+  color: rgba(255, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: rgba(37, 37, 45, 0.85);
+}
+
+.bottom .budgie-panel.dock-mode {
+  border-radius: 13px 13px 0 0;
+}
+
+.bottom .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher {
+  border-top-left-radius: 13px;
+}
+
+.bottom .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher {
+  border-top-right-radius: 13px;
+}
+
+.left .budgie-panel.dock-mode {
+  border-radius: 0 13px 13px 0;
+}
+
+.left .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher {
+  border-top-right-radius: 13px;
+}
+
+.left .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher {
+  border-bottom-right-radius: 13px;
+}
+
+.right .budgie-panel.dock-mode {
+  border-radius: 13px 0 0 13px;
+}
+
+.right .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher {
+  border-top-left-radius: 13px;
+}
+
+.right .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher {
+  border-bottom-left-radius: 13px;
+}
+
+.budgie-panel button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel button:hover {
+  color: #FFFFFF;
+}
+
+.budgie-panel button:checked {
+  background-color: rgba(255, 255, 255, 0.12);
+  color: #FFFFFF;
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:hover {
+  color: #FFFFFF;
+}
+
+.budgie-panel menubar > menuitem:disabled,
+.budgie-panel .menubar > menuitem:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.budgie-panel menubar > menuitem menu,
+.budgie-panel .menubar > menuitem menu {
+  border-radius: 0 0 8px 8px;
+}
+
+.budgie-panel menubar > menuitem menu menu,
+.budgie-panel .menubar > menuitem menu menu {
+  border-radius: 8px;
+}
+
+.budgie-panel menubar > menuitem menu separator,
+.budgie-panel .menubar > menuitem menu separator {
+  background: none;
+}
+
+.budgie-panel .alert {
+  color: #66BB6A;
+}
+
+.budgie-panel #tasklist-button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical #tasklist-button {
+  min-height: 32px;
+}
+
+.budgie-panel button.flat.launcher {
+  padding: 0;
+}
+
+.budgie-panel button.flat.launcher:checked, .budgie-panel button.flat.launcher:active {
+  background-color: rgba(255, 255, 255, 0.15);
+  color: #FFFFFF;
+  transition: background-color 0, border-image 300ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.budgie-panel button.flat.launcher:not(:checked) {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
+  border-image: radial-gradient(circle closest-corner at center calc(1px), #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(1px), #7C4DFF 100%, transparent 0%) 3 0 0 0/3px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #7C4DFF 100%, transparent 0%) 0 0 3 0/0 0 3px 0;
+}
+
+.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
+  border-image: radial-gradient(circle closest-corner at calc(1px) center, #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked {
+  border-image: radial-gradient(circle closest-corner at calc(1px) center, #7C4DFF 100%, transparent 0%) 0 0 0 3/0 0 0 3px;
+}
+
+.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
+  border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked {
+  border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #7C4DFF 100%, transparent 0%) 0 3 0 0/0 3px 0 0;
+}
+
+
+button.flat.launcher {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+  background-position: center center;
+}
+
+
+button.flat.launcher > image {
+  opacity: 0.87;
+}
+
+
+button.flat.launcher:hover {
+  -gtk-icon-effect: highlight;
+}
+
+
+button.flat.launcher:hover > image {
+  opacity: 1.0;
+}
+
+
+button.flat.launcher:active > image {
+  opacity: 1.0;
+}
+
+
+button.flat.launcher:checked {
+  background-color: transparent;
+}
+
+
+button.flat.launcher:checked:hover {
+  -gtk-icon-effect: highlight;
+}
+
+
+button.flat.launcher:checked > image {
+  opacity: 1.0;
+}
+
+
+.unpinned button.flat.launcher:hover,
+.pinned button.flat.launcher.running:hover,
+.pinned button.launcher.running.sidebar-button:hover {
+  -gtk-icon-effect: highlight;
+}
+
+
+.unpinned button.flat.launcher > image,
+.pinned button.flat.launcher.running > image,
+.pinned button.launcher.running.sidebar-button > image {
+  background-repeat: no-repeat;
+  opacity: 1.0;
+}
+
+
+.unpinned button.flat.launcher:checked > image,
+.pinned button.flat.launcher.running:checked > image,
+.pinned button.launcher.running.sidebar-button:checked > image {
+  background-image: none;
+}
+
+.top .budgie-panel .unpinned button.flat.launcher > image,
+.top .budgie-panel .pinned button.flat.launcher.running > image,
+.top .budgie-panel .pinned button.launcher.running.sidebar-button > image {
+  background-image: image(#7C4DFF);
+  background-size: 6px 3px;
+  background-position: top center;
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked,
+.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked {
+  background-color: rgba(255, 255, 255, 0.15);
+  color: #FFFFFF;
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked:hover,
+.top .budgie-panel .pinned button.flat.launcher.running:checked:hover,
+.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover {
+  transition: none;
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked > image,
+.top .budgie-panel .pinned button.flat.launcher.running:checked > image,
+.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image {
+  background-image: none;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher > image,
+.bottom .budgie-panel .pinned button.flat.launcher.running > image,
+.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image {
+  background-image: image(#7C4DFF);
+  background-size: 6px 3px;
+  background-position: bottom center;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked,
+.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked {
+  background-color: rgba(255, 255, 255, 0.15);
+  color: #FFFFFF;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked:hover,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked:hover,
+.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover {
+  transition: none;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked > image,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image,
+.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image {
+  background-image: none;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher > image,
+.left .budgie-panel .pinned button.flat.launcher.running > image,
+.left .budgie-panel .pinned button.launcher.running.sidebar-button > image {
+  background-image: image(#7C4DFF);
+  background-size: 3px 6px;
+  background-position: left center;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked,
+.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked {
+  background-color: rgba(255, 255, 255, 0.15);
+  color: #FFFFFF;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked:hover,
+.left .budgie-panel .pinned button.flat.launcher.running:checked:hover,
+.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover {
+  transition: none;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked > image,
+.left .budgie-panel .pinned button.flat.launcher.running:checked > image,
+.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image {
+  background-image: none;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher > image,
+.right .budgie-panel .pinned button.flat.launcher.running > image,
+.right .budgie-panel .pinned button.launcher.running.sidebar-button > image {
+  background-image: image(#7C4DFF);
+  background-size: 3px 6px;
+  background-position: right center;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked,
+.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked {
+  background-color: rgba(255, 255, 255, 0.15);
+  color: #FFFFFF;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked:hover,
+.right .budgie-panel .pinned button.flat.launcher.running:checked:hover,
+.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover {
+  transition: none;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked > image,
+.right .budgie-panel .pinned button.flat.launcher.running:checked > image,
+.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image {
+  background-image: none;
+}
+
+box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher, box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher:checked {
+  border-image: none;
+}
+
+widget.icon-tasklist > box:drop(active),
+box.pinned:drop(active) {
+  border: none;
+  border-radius: 0;
+  background-color: rgba(255, 167, 38, 0.2);
+  box-shadow: inset 0 0 0 1px #FFA726;
+}
+
+*:drop(active):focus,
+*:drop(active) {
+  box-shadow: inset 0 0 0 1px #FFA726;
+}
+
+frame.raven-frame > border {
+  border-style: none;
+  box-shadow: none;
+}
+
+.top .shadow-block {
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent);
+}
+
+.bottom .shadow-block {
+  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent);
+}
+
+.left .shadow-block {
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent);
+}
+
+.right .shadow-block {
+  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent);
+}
+
+.raven {
+  background-color: rgba(49, 49, 58, 0.95);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven > stack {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked > button {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
+  border-radius: 0;
+}
+
+.raven stackswitcher.linked > button:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+  background-color: transparent;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header:not(.top) {
+  margin-top: -6px;
+}
+
+.raven .raven-header.top {
+  padding: 0 0;
+  background-color: #31313a;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0;
+  min-height: 36px;
+  padding: 6px 24px;
+}
+
+.raven .raven-header.top button.image-button:dir(ltr) {
+  margin-right: 2px;
+}
+
+.raven .raven-header.top button.image-button:dir(rtl) {
+  margin-left: 2px;
+}
+
+.raven .raven-header.top > image {
+  margin: 0 8px;
+}
+
+.raven .raven-header.top > label {
+  margin: 0 -8px;
+  font-weight: bold;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.raven viewport.frame .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+}
+
+.raven .raven-background.frame {
+  border-style: solid none;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(255, 255, 255, 0.08);
+}
+
+.raven .raven-background grid > label:first-child {
+  min-height: 36px;
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.raven .raven-header.top + .raven-background {
+  border-style: none;
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+.raven .raven-header.top + .raven-background stackswitcher button {
+  margin: -4px 0;
+}
+
+.raven .powerstrip button {
+  margin: 2px 0 1px;
+  padding: 12px;
+}
+
+.raven .option-subtitle {
+  font-size: smaller;
+}
+
+.raven .audio-widget scale.marks-after {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.raven .audio-widget scale.marks-after label {
+  font-size: 90%;
+  padding: 0;
+  margin: -10px 0 0 6px;
+}
+
+.raven .audio-widget button.flat.expander-button {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
+  background-color: rgba(255, 255, 255, 0.06);
+  color: #FFFFFF;
+  box-shadow: inset 2px 0 #5657f5;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label {
+  color: #FFFFFF;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 16px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 7px;
+  background-color: #5657f5;
+}
+
+.raven-mpris {
+  background-color: rgba(0, 0, 0, 0.6);
+  color: #FFFFFF;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame {
+  padding: 0;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list {
+  background-color: transparent;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable {
+  margin-left: -8px;
+  margin-right: -2px;
+  background-color: transparent;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable > grid > *,
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable > box.vertical * {
+  color: #FFFFFF;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable image {
+  padding-left: 8px;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable button.image-button {
+  min-height: 32px;
+  min-width: 32px;
+  margin: 8px;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable button.image-button image {
+  padding: 0;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list {
+  border-radius: 2px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable:last-child {
+  border-bottom: none;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable:hover {
+  background-color: rgba(255, 255, 255, 0.06);
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable label {
+  padding: 0 16px;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button {
+  min-height: 24px;
+  min-width: 24px;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button image {
+  padding: 0;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected {
+  background-color: rgba(86, 87, 245, 0.75);
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected > grid > *,
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected > box.vertical * {
+  color: white;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button {
+  border: none;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button:hover {
+  background-color: rgba(255, 255, 255, 0.25);
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button:active, box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button:checked {
+  background-color: rgba(255, 255, 255, 0.35);
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list {
+  border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list > row.activatable {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list > row.activatable:last-child {
+  border-bottom: none;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list > row.activatable:selected {
+  background-color: rgba(86, 87, 245, 0.65);
+}
+
+.drop-shadow {
+  margin: 50px;
+  padding: 6px;
+  border-radius: 13px;
+  box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: rgba(68, 69, 75, 0.95);
+}
+
+.drop-shadow .linked > button {
+  border-radius: 7px;
+}
+
+.budgie-notification-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title, .budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-switcher-window {
+  background-color: transparent;
+}
+
+.budgie-power-dialog.background {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: rgba(68, 69, 75, 0.95);
+  border-radius: 19px;
+}
+
+.budgie-power-dialog .titlebar {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-run-dialog, .budgie-polkit-dialog,
+.budgie-session-dialog {
+  border-radius: 7px;
+  background-color: #44454b;
+}
+
+.budgie-run-dialog decoration, .budgie-polkit-dialog decoration,
+.budgie-session-dialog decoration {
+  border-radius: 7px;
+}
+
+.background.budgie-run-dialog, .background.budgie-polkit-dialog,
+.background.budgie-session-dialog {
+  border-radius: 7px;
+}
+
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-session-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 0;
+}
+
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-session-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 7px;
+}
+
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-session-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 7px;
+}
+
+.budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover,
+.budgie-session-dialog .linked.horizontal > button.suggested-action,
+.budgie-session-dialog .linked.horizontal > button.suggested-action:hover {
+  color: #7C4DFF;
+}
+
+.budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked,
+.budgie-session-dialog .linked.horizontal > button.suggested-action:active,
+.budgie-session-dialog .linked.horizontal > button.suggested-action:checked {
+  background-color: #7C4DFF;
+  color: white;
+  border-color: #7C4DFF;
+  box-shadow: none;
+}
+
+.budgie-polkit-dialog .linked.horizontal > button.suggested-action:disabled,
+.budgie-session-dialog .linked.horizontal > button.suggested-action:disabled {
+  opacity: 0.65;
+}
+
+.budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover,
+.budgie-session-dialog .linked.horizontal > button.destructive-action,
+.budgie-session-dialog .linked.horizontal > button.destructive-action:hover {
+  color: #FF5252;
+}
+
+.budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked,
+.budgie-session-dialog .linked.horizontal > button.destructive-action:active,
+.budgie-session-dialog .linked.horizontal > button.destructive-action:checked {
+  background-color: #FF5252;
+  color: white;
+  border-color: #FF5252;
+  box-shadow: none;
+}
+
+.budgie-polkit-dialog .linked.horizontal > button.destructive-action:disabled,
+.budgie-session-dialog .linked.horizontal > button.destructive-action:disabled {
+  opacity: 0.65;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #FF5252;
+}
+
+.budgie-run-dialog {
+  background-color: #31313a;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body {
+  opacity: 1;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.budgie-panel box.titlebar {
+  min-width: 16px;
+  min-height: 16px;
+  border-radius: 0;
+  background: unset;
+  box-shadow: none;
+  border: none;
+}
+
+.budgie-panel box.titlebar > widget > label {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel box.titlebar > button.image-button.titlebutton {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  margin: 0;
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel box.titlebar > button.image-button.titlebutton image {
+  border-radius: 100px;
+  background-size: 16px 16px;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+.budgie-panel box.titlebar > button.image-button.titlebutton:hover {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel box.titlebar > button.image-button.titlebutton:hover image {
+  background-image: image(rgba(255, 255, 255, 0.12));
+}
+
+.budgie-panel box.titlebar > button.image-button.titlebutton:active {
+  color: #FFFFFF;
+}
+
+.budgie-panel box.titlebar > button.image-button.titlebutton:active image {
+  background-image: image(rgba(255, 255, 255, 0.3));
+}
+
+.budgie-panel box.titlebar > button.image-button.titlebutton.close {
+  padding: 0;
+  margin: 0;
+  box-shadow: none;
+}
+
+.budgie-panel box.titlebar > button.image-button.titlebutton.close:hover image {
+  background-image: image(#EF5350);
+}
+
+.budgie-panel box.titlebar > button.image-button.titlebutton.close:active image {
+  background-image: image(#5657f5);
+}
+
+.budgie-panel box.titlebar > button.image-button.titlebutton:disabled image {
+  opacity: 0;
+}
+
+.budgie-panel box.titlebar.horizontal {
+  padding: 0 3px;
+}
+
+.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) {
+  padding-right: 3px;
+}
+
+.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) {
+  padding-left: 3px;
+}
+
+.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton {
+  padding: 0 3px;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: rgba(66, 66, 73, 0.85);
+  color: #FFFFFF;
+}
+
+#panel_window menubar,
+#panel_window separator {
+  background-color: transparent;
+}
+
+#panel_window separator {
+  padding: 0 4px;
+}
+
+#panel_window separator:first-child {
+  padding: 0 8px;
+}
+
+#panel_window menubar > menuitem {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #FFFFFF;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #44454b;
+}
+
+#content_frame {
+  padding-bottom: 20px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: transparent;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#greeter_infobar {
+  margin-top: -1px;
+}
+
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color currentColor;
+/*
+widget base background color */
+@define-color theme_bg_color #34343b;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #31313a;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #5657f5;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #FFFFFF;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #34343b;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color alpha(currentColor, 0.5);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #3b3b43;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color currentColor;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #34343b;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #31313a;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #5657f5;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #FFFFFF;
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color alpha(currentColor, 0.5);
+/*
+widgets main borders color */
+@define-color borders alpha(currentColor, 0.12);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders alpha(currentColor, 0.12);
+/*
+these are pretty self explicative */
+@define-color warning_color #FF6D00;
+@define-color error_color #DD2C00;
+@define-color success_color #00C853;
+/*
+FIXME this is really an API */
+@define-color content_view_bg #31313a;
+@define-color placeholder_text_color #c1c1c4;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #232329;
+@define-color budgie_tasklist_indicator_color #7C4DFF;
+@define-color budgie_tasklist_indicator_color_active #7C4DFF;
+@define-color budgie_tasklist_indicator_color_active_window rgba(90, 62, 174, 0.931);
+@define-color budgie_tasklist_indicator_color_attention #FF6D00;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css
new file mode 100644
index 0000000..68de6c0
--- /dev/null
+++ b/gtk-3.0/gtk.css
@@ -0,0 +1,8847 @@
+@keyframes ripple_effect {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes scale_ripple_effect {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes header_ripple_effect {
+  from {
+    background-image: radial-gradient(circle farthest-corner at center, #5657f5 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle farthest-corner at center, #5657f5 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -GtkToolButton-icon-spacing: 0;
+  -GtkTextView-error-underline-color: #DD2C00;
+  -GtkScrolledWindow-scrollbar-spacing: 0;
+  -GtkToolItemGroup-expander-size: 11;
+  -GtkWidget-text-handle-width: 24;
+  -GtkWidget-text-handle-height: 24;
+  -GtkDialog-button-spacing: 4;
+  -GtkDialog-action-area-border: 0;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 7px;
+  -gtk-secondary-caret-color: #5657f5;
+}
+
+*:focus {
+  outline-color: alpha(currentColor, 0.1);
+}
+
+window.background.csd stack stack stack frame > list,
+window.background.csd > stack > stack > box > frame > list,
+window.background.csd > stack > stack > box > box > frame > list,
+window.background.csd > stack > box > stack > box > frame > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
+window.background.csd > stack > scrolledwindow > viewport > box > list,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list, preferencesgroup list, .geary-accounts-editor-pane list, window.background.csd.unified > deck > deck > deck list, hdyleaflet stack.background scrolledwindow > viewport list, hdyleaflet overlay scrolledwindow > viewport list, leaflet stack.background scrolledwindow > viewport list, leaflet overlay scrolledwindow > viewport list, list.tweak-group list, list#ListBoxTweakGroup list, .tweak-group-startup {
+  border-radius: 8px;
+  box-shadow: none;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+window.background.csd stack stack stack frame > list row.activatable,
+window.background.csd > stack > stack > box > frame > list row.activatable,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list row.activatable,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list row.activatable, window.background.csd > stack > list row.activatable, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list > row.activatable, preferencesgroup list row.activatable, .geary-accounts-editor-pane list row.activatable, window.background.csd.unified > deck > deck > deck list row.activatable, hdyleaflet stack.background scrolledwindow > viewport list row.activatable, hdyleaflet overlay scrolledwindow > viewport list row.activatable, leaflet stack.background scrolledwindow > viewport list row.activatable, leaflet overlay scrolledwindow > viewport list row.activatable, list.tweak-group list row.activatable, list#ListBoxTweakGroup list row.activatable, .tweak-group-startup row.activatable, popover.background.combo list > row.activatable {
+  border-radius: 0;
+  margin: 0;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list > row.activatable:first-child, preferencesgroup list row.activatable:first-child, .geary-accounts-editor-pane list row.activatable:first-child, window.background.csd.unified > deck > deck > deck list row.activatable:first-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:first-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child, leaflet stack.background scrolledwindow > viewport list row.activatable:first-child, leaflet overlay scrolledwindow > viewport list row.activatable:first-child, list.tweak-group list row.activatable:first-child, list#ListBoxTweakGroup list row.activatable:first-child, .tweak-group-startup row.activatable:first-child, popover.background.combo list > row.activatable:first-child {
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list > row.activatable:last-child, preferencesgroup list row.activatable:last-child, .geary-accounts-editor-pane list row.activatable:last-child, window.background.csd.unified > deck > deck > deck list row.activatable:last-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:last-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child, leaflet stack.background scrolledwindow > viewport list row.activatable:last-child, leaflet overlay scrolledwindow > viewport list row.activatable:last-child, list.tweak-group list row.activatable:last-child, list#ListBoxTweakGroup list row.activatable:last-child, .tweak-group-startup row.activatable:last-child, popover.background.combo list > row.activatable:last-child {
+  border-bottom-left-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, window.background.csd.unified > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list > row.activatable:only-child, preferencesgroup list row.activatable:only-child, .geary-accounts-editor-pane list row.activatable:only-child, window.background.csd.unified > deck > deck > deck list row.activatable:only-child, hdyleaflet stack.background scrolledwindow > viewport list row.activatable:only-child, hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child, leaflet stack.background scrolledwindow > viewport list row.activatable:only-child, leaflet overlay scrolledwindow > viewport list row.activatable:only-child, list.tweak-group list row.activatable:only-child, list#ListBoxTweakGroup list row.activatable:only-child, .tweak-group-startup row.activatable:only-child, popover.background.combo list > row.activatable:only-child {
+  border-radius: 7px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: rgba(52, 52, 59, 0.999);
+  color: #FFFFFF;
+}
+
+.background.csd {
+  border-radius: 0 0 13px 13px;
+}
+
+.background.maximized, .background.solid-csd {
+  border-radius: 0;
+}
+
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #34343b;
+  color: #FFFFFF;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #28282d;
+  color: #FFFFFF;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #1c1c20;
+  color: #FFFFFF;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #34343b;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view, filechooser stack.view scrolledwindow treeview.view, iconview, .view {
+  background-color: #31313a;
+  color: #FFFFFF;
+}
+
+window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:disabled, filechooser stack.view scrolledwindow treeview.view:disabled, iconview:disabled, .view:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+textview text {
+  background-color: #31313a;
+}
+
+textview border {
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+iconview {
+  border-radius: 5px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+flowbox rubberband {
+  border: 1px solid #5C6BC0;
+  background-color: rgba(92, 107, 192, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 7px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+  color: inherit;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: #FFFFFF;
+}
+
+label selection {
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+label:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+label:disabled selection {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+tab label:disabled, button label:disabled {
+  color: inherit;
+}
+
+.dim-label, .budgie-notification .notification-body, .budgie-switcher .notification-body, headerbar .subtitle, label.separator {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(255, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #FFFFFF;
+}
+
+.nautilus-window .floating-bar, .osd .scale-popup, .app-notification, popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .osd {
+  opacity: 0.9;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+  to {
+    -gtk-icon-transform: rotate(1turn);
+  }
+}
+
+spinner {
+  background: none;
+  opacity: 0;
+  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+}
+
+spinner:checked {
+  opacity: 1;
+  animation: spin 1s linear infinite;
+}
+
+spinner:checked:disabled {
+  opacity: 0.5;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+spinbutton:not(.vertical), entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 7px;
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #44454b;
+  color: #FFFFFF;
+}
+
+spinbutton:focus:not(.vertical), entry:focus {
+  border-image: none;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+spinbutton:disabled:not(.vertical), entry:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+#login_window entry, .raven .raven-background spinbutton:not(.vertical), .budgie-popover entry,
+.budgie-popover spinbutton:not(.vertical), window#whiskermenu-window entry, editortweak entry.search, layoutpane entry.search, entry.preferences-search, colorchooser .popover.osd spinbutton:not(.vertical), messagedialog entry, notebook > stack:not(:only-child) entry:not(.search),
+notebook > stack:not(:only-child) spinbutton:not(.vertical), popover.background .linked entry, popover.background entry,
+popover.background spinbutton:not(.vertical), spinbutton.flat:not(.vertical), entry.flat {
+  border-radius: 0;
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2);
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+#login_window entry:focus, .raven .raven-background spinbutton:focus:not(.vertical), .budgie-popover entry:focus,
+.budgie-popover spinbutton:focus:not(.vertical), window#whiskermenu-window entry:focus, editortweak entry.search:focus, layoutpane entry.search:focus, entry.preferences-search:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), messagedialog entry:focus, notebook > stack:not(:only-child) entry:focus:not(.search),
+notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), popover.background .linked entry:focus, popover.background entry:focus,
+popover.background spinbutton:focus:not(.vertical), spinbutton.flat:focus:not(.vertical), entry.flat:focus {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2);
+}
+
+#login_window entry:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), .budgie-popover entry:disabled,
+.budgie-popover spinbutton:disabled:not(.vertical), window#whiskermenu-window entry:disabled, editortweak entry.search:disabled, layoutpane entry.search:disabled, entry.preferences-search:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), messagedialog entry:disabled, notebook > stack:not(:only-child) entry:disabled:not(.search),
+notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), popover.background .linked entry:disabled, popover.background entry:disabled,
+popover.background spinbutton:disabled:not(.vertical), spinbutton.flat:disabled:not(.vertical), entry.flat:disabled {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton:not(.vertical) image, entry image {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active {
+  color: #FFFFFF;
+}
+
+spinbutton:not(.vertical) image:disabled, entry image:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton:not(.vertical) image.left, entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton:not(.vertical) image.right, entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton:not(.vertical) undershoot.left, entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(to top, rgba(49, 49, 58, 0.3) 50%, rgba(255, 255, 255, 0.2) 50%);
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+}
+
+spinbutton:not(.vertical) undershoot.right, entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(to top, rgba(49, 49, 58, 0.3) 50%, rgba(255, 255, 255, 0.2) 50%);
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+}
+
+spinbutton.error:not(.vertical), entry.error {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #DD2C00;
+  color: #FFFFFF;
+}
+
+spinbutton.error:focus:not(.vertical), entry.error:focus {
+  border-image: none;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+spinbutton.error:disabled:not(.vertical), entry.error:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.error.flat:not(.vertical), entry.error.flat {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px;
+  box-shadow: inset 0 -1px #DD2C00;
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+spinbutton.error.flat:focus:not(.vertical), entry.error.flat:focus {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px;
+  box-shadow: inset 0 -1px #DD2C00;
+}
+
+spinbutton.error.flat:disabled:not(.vertical), entry.error.flat:disabled {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.error:not(.vertical) image, entry.error image {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active {
+  color: #FFFFFF;
+}
+
+spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.warning:not(.vertical), entry.warning {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #FF6D00;
+  color: #FFFFFF;
+}
+
+spinbutton.warning:focus:not(.vertical), entry.warning:focus {
+  border-image: none;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+spinbutton.warning:disabled:not(.vertical), entry.warning:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.warning.flat:not(.vertical), entry.warning.flat {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
+  box-shadow: inset 0 -1px #FF6D00;
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+spinbutton.warning.flat:focus:not(.vertical), entry.warning.flat:focus {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
+  box-shadow: inset 0 -1px #FF6D00;
+}
+
+spinbutton.warning.flat:disabled:not(.vertical), entry.warning.flat:disabled {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.warning:not(.vertical) image, entry.warning image {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active {
+  color: #FFFFFF;
+}
+
+spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton:not(.vertical) progress, entry progress {
+  margin: 2px -6px;
+  border-bottom: 2px solid #5657f5;
+  background-color: transparent;
+}
+
+.linked:not(.vertical) > spinbutton.flat:not(.vertical), .linked.vertical > spinbutton.flat:not(.vertical), .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat {
+  border-radius: 0;
+}
+
+notebook > stack:not(:only-child) treeview entry:not(.search),
+notebook > stack:not(:only-child) treeview spinbutton:not(.vertical),
+treeview entry {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #31313a;
+}
+
+notebook > stack:not(:only-child) treeview entry:not(.search),
+notebook > stack:not(:only-child) treeview spinbutton:not(.vertical),
+treeview entry {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag, .photos-entry-tag, .documents-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs_attention {
+  from {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#7C4DFF), to(transparent));
+  }
+  to {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#7C4DFF), to(transparent));
+  }
+}
+
+.budgie-panel button, PanelToplevel.horizontal > grid > button, .mate-panel-menu-bar button, .nemo-window .toolbar button, .nemo-window toolbar.primary-toolbar > toolitem > box > button, layouttabbar button, stackswitcher > button, infobar.info > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:backdrop > revealer > box button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+headerbar button:not(.suggested-action):not(.destructive-action), .caja-pathbar button,
+.path-bar button, toolbar button, button.flat {
+  transition: 100ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel button:hover, PanelToplevel.horizontal > grid > button:hover, .mate-panel-menu-bar button:hover, .nemo-window .toolbar button:hover, .nemo-window toolbar.primary-toolbar > toolitem > box > button:hover, layouttabbar button:hover, stackswitcher > button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action), .caja-pathbar button:hover,
+.path-bar button:hover, toolbar button:hover, button.flat:hover {
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1);
+  color: #FFFFFF;
+}
+
+.budgie-panel button:active, PanelToplevel.horizontal > grid > button:active, .mate-panel-menu-bar button:active, .nemo-window .toolbar button:active, .nemo-window toolbar.primary-toolbar > toolitem > box > button:active, layouttabbar button:active, stackswitcher > button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action), .caja-pathbar button:active,
+.path-bar button:active, toolbar button:active, button.flat:active {
+  transition: 100ms, border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
+  animation: ripple_effect 100ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1);
+  background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%);
+  background-size: 0% 0%;
+  color: #FFFFFF;
+}
+
+.budgie-panel button:disabled, PanelToplevel.horizontal > grid > button:disabled, .mate-panel-menu-bar button:disabled, .nemo-window .toolbar button:disabled, .nemo-window toolbar.primary-toolbar > toolitem > box > button:disabled, layouttabbar button:disabled, stackswitcher > button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, infobar.warning > revealer > box button:disabled, infobar.error > revealer > box button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action), .caja-pathbar button:disabled,
+.path-bar button:disabled, toolbar button:disabled, button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.budgie-panel button:checked, PanelToplevel.horizontal > grid > button:checked, .mate-panel-menu-bar button:checked, .nemo-window .toolbar button:checked, .nemo-window toolbar.primary-toolbar > toolitem > box > button:checked, layouttabbar button:checked, stackswitcher > button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action), .caja-pathbar button:checked,
+.path-bar button:checked, toolbar button:checked, button.flat:checked {
+  background-color: rgba(255, 255, 255, 0.2);
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  color: #FFFFFF;
+}
+
+.budgie-panel button:checked:disabled, PanelToplevel.horizontal > grid > button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .nemo-window .toolbar button:checked:disabled, .nemo-window toolbar.primary-toolbar > toolitem > box > button:checked:disabled, layouttabbar button:checked:disabled, stackswitcher > button:checked:disabled, infobar.info > revealer > box button:checked:disabled, infobar.question > revealer > box button:checked:disabled, infobar.warning > revealer > box button:checked:disabled, infobar.error > revealer > box button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .caja-pathbar button:checked:disabled,
+.path-bar button:checked:disabled, toolbar button:checked:disabled, button.flat:checked:disabled {
+  background-color: rgba(255, 255, 255, 0.08);
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.lightdm-gtk-greeter button, .budgie-polkit-dialog .linked.horizontal > button,
+.budgie-session-dialog .linked.horizontal > button, .drop-shadow button, .raven .raven-header.top stackswitcher button, .raven .raven-header:not(.top) button, .raven stackswitcher.linked > button, .budgie-popover button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, popover.messagepopover .popover-action-area button, .gedit-search-slider button, placessidebar row button.sidebar-button, messagedialog.csd .dialog-action-area button, messagedialog .dialog-action-area button, calendar.button, check,
+radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, modelbutton.flat,
+.menuitem.button.flat {
+  transition: 100ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.lightdm-gtk-greeter button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-session-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .raven .raven-header.top stackswitcher button:hover, .raven .raven-header:not(.top) button:hover, .raven stackswitcher.linked > button:hover, .budgie-popover button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, popover.messagepopover .popover-action-area button:hover, .gedit-search-slider button:hover, placessidebar row button.sidebar-button:hover, messagedialog .dialog-action-area button:hover, calendar.button:hover, check:hover,
+radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, modelbutton.flat:hover,
+.menuitem.button.flat:hover {
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1);
+  color: #FFFFFF;
+}
+
+.lightdm-gtk-greeter button:active, .budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-session-dialog .linked.horizontal > button:active, .drop-shadow button:active, .raven .raven-header.top stackswitcher button:active, .raven .raven-header:not(.top) button:active, .raven stackswitcher.linked > button:active, .budgie-popover button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, popover.messagepopover .popover-action-area button:active, .gedit-search-slider button:active, placessidebar row button.sidebar-button:active, messagedialog .dialog-action-area button:active, calendar.button:active, check:active,
+radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, modelbutton.flat:active,
+.menuitem.button.flat:active {
+  transition: 100ms, border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
+  animation: ripple_effect 100ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1);
+  background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%);
+  background-size: 0% 0%;
+  color: #FFFFFF;
+}
+
+.lightdm-gtk-greeter button:disabled, .budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-session-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .raven .raven-header.top stackswitcher button:disabled, .raven .raven-header:not(.top) button:disabled, .raven stackswitcher.linked > button:disabled, .budgie-popover button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, popover.messagepopover .popover-action-area button:disabled, .gedit-search-slider button:disabled, placessidebar row button.sidebar-button:disabled, messagedialog .dialog-action-area button:disabled, calendar.button:disabled, check:disabled,
+radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, modelbutton.flat:disabled,
+.menuitem.button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.raven-mpris button.image-button, infobar.info > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:backdrop > revealer > box button, row:selected button, row:selected button.flat {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.raven-mpris button.image-button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover, row:selected button:hover, .raven-mpris button.image-button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, row:selected button:active {
+  color: #FFFFFF;
+}
+
+.raven-mpris button.image-button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, infobar.warning > revealer > box button:disabled, infobar.error > revealer > box button:disabled, row:selected button:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.raven-mpris button.image-button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked, row:selected button:checked {
+  background-color: rgba(255, 255, 255, 0.3);
+  color: #FFFFFF;
+}
+
+.raven-mpris button.image-button:checked:disabled, infobar.info > revealer > box button:checked:disabled, infobar.question > revealer > box button:checked:disabled, infobar.warning > revealer > box button:checked:disabled, infobar.error > revealer > box button:checked:disabled, row:selected button:checked:disabled {
+  background-color: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.raven-mpris button.image-button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, infobar.warning > revealer > box button:disabled, infobar.error > revealer > box button:disabled, row:selected button:disabled {
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.3);
+}
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 7px;
+  font-weight: 500;
+  transition: 100ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 0 0 9999px transparent;
+  background-color: #44454b;
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+button:hover {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 0 0 9999px transparent;
+  color: #FFFFFF;
+}
+
+button:active {
+  transition: 100ms, background-size 0, background-image 0;
+  animation: ripple_effect 100ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 0 0 9999px rgba(255, 255, 255, 0.1);
+  background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%);
+  background-size: 0% 0%;
+  color: #FFFFFF;
+}
+
+button:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.3);
+}
+
+button:checked {
+  background-color: #5657f5;
+  color: #FFFFFF;
+  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+button:checked:disabled {
+  background-color: rgba(86, 87, 245, 0.3);
+  color: rgba(86, 87, 245, 0.5);
+  background-image: none;
+}
+
+button.text-button {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked > button.flat, .linked.vertical > button.flat {
+  border-radius: 7px;
+}
+
+.linked > button.flat.image-button, .linked > button.flat.text-button.image-button, .linked.vertical > button.flat.image-button, .linked.vertical > button.flat.text-button.image-button {
+  border-radius: 7px;
+  -gtk-outline-radius: 7px;
+}
+
+button.osd {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 12px;
+  margin: 9px;
+}
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+button.suggested-action {
+  background-color: #7C4DFF;
+  color: #FFFFFF;
+  background-image: linear-gradient(to bottom, #4FC3F7, #42A5F5);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+  background-image: none;
+}
+
+button.suggested-action:checked {
+  background-color: #a382ff;
+}
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #7C4DFF;
+  background-image: none;
+}
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+  background-image: none;
+}
+
+button.suggested-action.flat:checked {
+  background-image: none;
+  background-color: rgba(124, 77, 255, 0.3);
+}
+
+button.destructive-action {
+  background-color: #FF5252;
+  color: #FFFFFF;
+  background-image: linear-gradient(to bottom, #EF5350, #FF5252);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+  background-image: none;
+}
+
+button.destructive-action:checked {
+  background-color: #ff8686;
+}
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #FF5252;
+  background-image: none;
+}
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+  background-image: none;
+}
+
+button.destructive-action.flat:checked {
+  background-image: none;
+  background-color: rgba(255, 82, 82, 0.3);
+}
+
+.stack-switcher > button {
+  outline-offset: -4px;
+}
+
+.stack-switcher > button > label {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.stack-switcher > button > image {
+  padding-left: 6px;
+  padding-right: 6px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+.stack-switcher > button.text-button {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.stack-switcher > button.image-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+.primary-toolbar button {
+  -gtk-icon-shadow: none;
+}
+
+.raven .expander-button, .raven .raven-header:not(.top) button.image-button, widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle, .terminix-session-sidebar button.tilix-sidebar-close-button,
+.tilix-session-sidebar button.tilix-sidebar-close-button, .nemo-window toolbar.primary-toolbar > toolitem > box > button, .nautilus-window headerbar > revealer > button, .solid-csd headerbar:not(.default-decoration) button.titlebutton, headerbar button.titlebutton,
+.titlebar button.titlebutton, row button.image-button, headerbar.default-decoration button.titlebutton, headerbar button.suggested-action, headerbar button.destructive-action,
+headerbar button:not(.suggested-action):not(.destructive-action), check,
+radio, button.close, button.circular {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, placessidebar row button.sidebar-button, notebook > header tab button.flat, spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+}
+
+stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+  animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+.linked:not(.vertical) > combobox > box > button.combo, row .linked button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button {
+  border-radius: 0;
+  -gtk-outline-radius: 7px;
+}
+
+row .linked button:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child {
+  border-top-left-radius: 7px;
+  border-bottom-left-radius: 7px;
+}
+
+row .linked button:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child {
+  border-top-right-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+row .linked button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child {
+  border-radius: 7px;
+}
+
+.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button {
+  border-radius: 0;
+  -gtk-outline-radius: 7px;
+}
+
+.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child {
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child {
+  border-bottom-left-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child {
+  border-radius: 7px;
+}
+
+/* menu buttons */
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 4px;
+  color: inherit;
+  -gtk-outline-radius: 2px;
+}
+
+modelbutton.flat arrow {
+  background: none;
+}
+
+modelbutton.flat arrow:hover {
+  background: none;
+}
+
+modelbutton.flat arrow.left {
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+modelbutton.flat arrow.right {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+/*********
+ * Links *
+ *********/
+*:link, button:link,
+button:visited {
+  color: #039BE5;
+}
+
+*:link:visited, *:link:visited:hover, *:link:visited:active,
+button:visited {
+  color: #E040FB;
+}
+
+infobar.info > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link,
+button:selected:visited, *:selected button:link,
+*:selected button:visited {
+  color: #FFFFFF;
+}
+
+button:link > label,
+button:visited > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+.budgie-popover spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled,
+spinbutton:not(.vertical) entry {
+  min-width: 32px;
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.vertical:drop(active) {
+  box-shadow: none;
+}
+
+spinbutton.vertical entry {
+  min-height: 36px;
+  min-width: 48px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  min-height: 36px;
+  min-width: 48px;
+  padding: 0;
+}
+
+spinbutton.vertical button.up {
+  border-radius: 7px 7px 0 0;
+}
+
+spinbutton.vertical button.down {
+  border-radius: 0 0 7px 7px;
+}
+
+treeview spinbutton:not(.vertical) {
+  min-height: 0;
+  border-style: none;
+  border-radius: 0;
+}
+
+treeview spinbutton:not(.vertical) entry {
+  min-height: 0;
+  padding: 1px 2px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+combobox arrow {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  min-height: 16px;
+  min-width: 16px;
+}
+
+combobox decoration,
+combobox button.combo:checked {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+combobox #gtk-combobox-popup-menu menuitem {
+  min-height: 32px;
+  padding: 0 8px;
+}
+
+combobox #gtk-combobox-popup-menu > arrow.top {
+  margin-top: -2px;
+}
+
+combobox #gtk-combobox-popup-menu > arrow.bottom {
+  margin-top: 4px;
+  margin-bottom: -6px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 7px;
+  border-bottom-left-radius: 7px;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+combobox:drop(active) {
+  box-shadow: none;
+}
+
+.linked:not(.vertical) > combobox:first-child > box > button.combo {
+  border-top-left-radius: 7px;
+  border-bottom-left-radius: 7px;
+}
+
+.linked:not(.vertical) > combobox:last-child > box > button.combo {
+  border-bottom-right-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+.linked:not(.vertical) > combobox:only-child > box > button.combo {
+  border-radius: 7px;
+}
+
+.linked.vertical > combobox:first-child > box > button.combo {
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+.linked.vertical > combobox:last-child > box > button.combo {
+  border-bottom-left-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+.linked.vertical > combobox:only-child > box > button.combo {
+  border-radius: 7px;
+}
+
+#login_window #user_combobox button, .raven .raven-background button.combo, .budgie-popover button.combo, notebook > stack:not(:only-child) button.combo, popover.background button.combo {
+  border-radius: 0;
+  background-image: none;
+  font-weight: inherit;
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2);
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+#login_window #user_combobox button:hover, .raven .raven-background button.combo:hover, .budgie-popover button.combo:hover, notebook > stack:not(:only-child) button.combo:hover, popover.background button.combo:hover {
+  box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5);
+}
+
+#login_window #user_combobox button:checked, .raven .raven-background button.combo:checked, .budgie-popover button.combo:checked, notebook > stack:not(:only-child) button.combo:checked, popover.background button.combo:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+#login_window #user_combobox button:disabled, .raven .raven-background button.combo:disabled, .budgie-popover button.combo:disabled, notebook > stack:not(:only-child) button.combo:disabled, popover.background button.combo:disabled {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+  color: rgba(255, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -GtkWidget-window-dragging: true;
+  padding: 2px;
+  background-color: #34343b;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+frame.documents-dropdown, .app-notification, toolbar.osd {
+  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 7px;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #31313a;
+}
+
+frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+toolbar.vertical > separator {
+  margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+  margin: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+  margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+  margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+  margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+.inline-toolbar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 1px 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #3b3b43;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #34343b;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+  padding: 6px;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
+  border-radius: 7px;
+}
+
+.caja-pathbar button:checked,
+.path-bar button:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar button:checked,
+.path-bar button:checked:disabled {
+  background-color: transparent;
+}
+
+.caja-pathbar button label, .caja-pathbar button image,
+.path-bar button label,
+.path-bar button image {
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(255, 255, 255, 0.2);
+  border-top-color: rgba(255, 255, 255, 0.08);
+}
+
+* {
+  -GtkTreeView-horizontal-separator: 4;
+  -GtkTreeView-grid-line-width: 1;
+  -GtkTreeView-grid-line-pattern: '';
+  -GtkTreeView-tree-line-width: 1;
+  -GtkTreeView-tree-line-pattern: '';
+  -GtkTreeView-expander-size: 16;
+}
+
+treeview.view:selected {
+  border-left-color: rgba(255, 255, 255, 0.3);
+}
+
+treeview.view:hover, treeview.view:active, treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(255, 255, 255, 0.08);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: #7C4DFF;
+}
+
+treeview.view:drop(active).after {
+  border-top-style: none;
+}
+
+treeview.view:drop(active).before {
+  border-bottom-style: none;
+}
+
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(255, 255, 255, 0.7);
+}
+
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+treeview.view.expander:checked {
+  -gtk-icon-transform: unset;
+}
+
+treeview.view.expander:hover, treeview.view.expander:active {
+  color: #FFFFFF;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+treeview.view.expander:selected {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
+  color: #FFFFFF;
+}
+
+treeview.view.expander:selected:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+treeview.view.progressbar {
+  border-bottom: 4px solid #5657f5;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view.progressbar:selected {
+  border-bottom-color: #FFFFFF;
+}
+
+treeview.view.trough {
+  border-bottom: 4px solid rgba(86, 87, 245, 0.3);
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view.trough:selected {
+  border-bottom-color: rgba(255, 255, 255, 0.3);
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
+  box-shadow: none;
+}
+
+treeview.view header button, treeview.view header button:disabled {
+  background-color: #31313a;
+}
+
+treeview.view header button:last-child {
+  border-right-style: none;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #31313a;
+  background-clip: border-box;
+  color: #5657f5;
+}
+
+treeview.view acceleditor > label {
+  background-color: #5657f5;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -GtkWidget-window-dragging: true;
+  padding: 0;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 6px 12px;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+menubar > menuitem menu,
+.menubar > menuitem menu {
+  border-radius: 0 0 8px 8px;
+}
+
+menubar > menuitem menu menu,
+.menubar > menuitem menu menu {
+  border-radius: 8px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  color: #FFFFFF;
+  box-shadow: inset 0 -3px #5657f5;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.csd.popup {
+  background-color: transparent;
+}
+
+menu {
+  margin: 6px 0;
+  padding: 3px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
+  background-color: #3c3c46;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 8px;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.csd menu {
+  border: none;
+  background-color: rgba(60, 60, 70, 0.95);
+  box-shadow: none;
+}
+
+menu menuitem {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 5px 10px;
+  font: initial;
+  text-shadow: none;
+  color: rgba(255, 255, 255, 0.7);
+  border-radius: 5px;
+}
+
+menu menuitem:hover {
+  transition: none;
+  background-color: rgba(255, 255, 255, 0.08);
+  color: white;
+}
+
+menu menuitem:hover accelerator {
+  color: white;
+}
+
+menu menuitem:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+  margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+  margin-right: 8px;
+}
+
+menu menuitem label:dir(rtl), menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 6px;
+  background-color: #3c3c46;
+  color: rgba(255, 255, 255, 0.7);
+  border-radius: 7px;
+}
+
+menu > arrow.top {
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+menu > arrow.bottom {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+menu > arrow:hover {
+  background-image: image(rgba(255, 255, 255, 0.12));
+  color: #FFFFFF;
+}
+
+menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+
+menu separator {
+  margin: 0 0;
+  background: none;
+  color: transparent;
+}
+
+menuitem accelerator {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+menuitem:disabled accelerator {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.popup:not(.csd) menu {
+  border-radius: 0;
+  color: #FFFFFF;
+  background-color: #31313a;
+}
+
+.popup:not(.csd) menu menuitem {
+  color: #FFFFFF;
+}
+
+.popup:not(.csd) menu menuitem:hover {
+  background-color: #4a4a52;
+}
+
+.popup:not(.csd) menu menuitem:disabled {
+  color: #98989d;
+}
+
+.popup:not(.csd) menu menuitem accelerator {
+  color: #c1c1c4;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background modelbutton.flat,
+popover.background menuitem.button.flat,
+popover.background spinbutton.vertical button, popover.background row.button.flat.menuitem.activatable,
+popover.background row.activatable, popover.background .view, popover.background button.flat.combo, popover.background button.flat {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: transparent;
+}
+
+popover.background modelbutton.flat:hover,
+popover.background menuitem.button.flat:hover,
+popover.background spinbutton.vertical button:hover, popover.background row.button.flat.menuitem.activatable:hover,
+popover.background row.activatable:hover, popover.background .view:hover, popover.background button.flat.combo:hover, popover.background button.flat:hover {
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.12);
+  color: #FFFFFF;
+}
+
+popover.background modelbutton.flat:checked,
+popover.background menuitem.button.flat:checked,
+popover.background spinbutton.vertical button:checked, popover.background row.button.flat.menuitem.activatable:checked,
+popover.background row.activatable:checked, popover.background .view:checked, popover.background button.flat.combo:checked, popover.background button.flat:checked, popover.background modelbutton.flat:active,
+popover.background menuitem.button.flat:active,
+popover.background spinbutton.vertical button:active, popover.background row.button.flat.menuitem.activatable:active,
+popover.background row.activatable:active, popover.background .view:active, popover.background button.flat.combo:active, popover.background button.flat:active {
+  color: #FFFFFF;
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.12);
+  background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+
+popover.background modelbutton.flat:disabled,
+popover.background menuitem.button.flat:disabled,
+popover.background spinbutton.vertical button:disabled, popover.background row.button.flat.menuitem.activatable:disabled,
+popover.background row.activatable:disabled, popover.background .view:disabled, popover.background button.flat.combo:disabled, popover.background button.flat:disabled {
+  color: rgba(255, 255, 255, 0.3);
+  background-color: transparent;
+}
+
+popover.background button.combo, popover.background button {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: transparent;
+  box-shadow: none;
+}
+
+popover.background button.combo:hover, popover.background button:hover {
+  transition: none;
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.12);
+}
+
+popover.background button.combo:checked, popover.background button:checked, popover.background button.combo:active, popover.background button:active {
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+popover.background button.combo:disabled, popover.background button:disabled {
+  color: rgba(255, 255, 255, 0.3);
+  background-color: transparent;
+}
+
+popover.background button.combo:checked:disabled, popover.background button:checked:disabled {
+  color: rgba(255, 255, 255, 0.3);
+  background-color: rgba(86, 87, 245, 0.5);
+}
+
+popover.background .linked entry, popover.background entry,
+popover.background spinbutton:not(.vertical) {
+  border-radius: 0;
+  caret-color: #FFFFFF;
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.3) 0%, transparent 0%) 0 0 0/0 0 0px;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+popover.background .linked entry:focus, popover.background entry:focus,
+popover.background spinbutton:focus:not(.vertical) {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2);
+}
+
+popover.background .linked entry:disabled, popover.background entry:disabled,
+popover.background spinbutton:disabled:not(.vertical) {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
+  background-color: transparent;
+}
+
+popover.background .linked entry, popover.background entry,
+popover.background spinbutton:not(.vertical), popover.background .linked entry label, popover.background entry label,
+popover.background spinbutton:not(.vertical) label, popover.background .linked entry image, popover.background entry image,
+popover.background spinbutton:not(.vertical) image {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+popover.background .linked entry:focus, popover.background entry:focus,
+popover.background spinbutton:focus:not(.vertical), popover.background .linked entry label:focus, popover.background entry label:focus,
+popover.background spinbutton:not(.vertical) label:focus, popover.background .linked entry image:focus, popover.background entry image:focus,
+popover.background spinbutton:not(.vertical) image:focus {
+  color: #FFFFFF;
+}
+
+popover.background .linked entry:disabled, popover.background entry:disabled,
+popover.background spinbutton:disabled:not(.vertical), popover.background .linked entry label:disabled, popover.background entry label:disabled,
+popover.background spinbutton:not(.vertical) label:disabled, popover.background .linked entry image:disabled, popover.background entry image:disabled,
+popover.background spinbutton:not(.vertical) image:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+popover.background, popover.background.menu {
+  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 2px;
+  margin: 0;
+  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.12), 0 4px 3px rgba(0, 0, 0, 0.16);
+  background-color: rgba(68, 69, 75, 0.95);
+  color: rgba(255, 255, 255, 0.8);
+}
+
+popover.background:backdrop {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  color: rgba(255, 255, 255, 0.75);
+}
+
+popover.background:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+popover.background image:disabled, popover.background label:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+popover.background .dim-label, popover.background .budgie-notification .notification-body, popover.background .budgie-switcher .notification-body, .budgie-notification popover.background .notification-body, .budgie-switcher popover.background .notification-body, popover.background headerbar .subtitle, headerbar popover.background .subtitle, popover.background label.separator {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+popover.background, .csd popover.background {
+  border-radius: 9px;
+}
+
+popover.background > stack {
+  margin: -4px;
+}
+
+popover.background > toolbar {
+  margin: -2px;
+}
+
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.background list, popover.background row, popover.background .view, popover.background textview.view > text {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: #3d3e43;
+  border-color: rgba(255, 255, 255, 0.12);
+}
+
+popover.background treeview.view header button {
+  border-color: rgba(255, 255, 255, 0.12);
+}
+
+popover.background scrolledwindow {
+  border-color: rgba(255, 255, 255, 0.12);
+}
+
+popover.background scrollbar {
+  background-color: rgba(56, 57, 62, 0.65);
+  border-color: rgba(255, 255, 255, 0.12);
+}
+
+popover.background scrollbar slider {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+
+popover.background scrollbar slider:hover {
+  background-color: rgba(255, 255, 255, 0.7);
+}
+
+popover.background scrollbar slider:active {
+  background-color: #FFFFFF;
+}
+
+popover.background scrollbar slider:disabled {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+popover.background scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  border: 1px solid rgba(56, 57, 62, 0.3);
+}
+
+popover.background scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  border: 1px solid rgba(56, 57, 62, 0.3);
+  background-color: rgba(255, 255, 255, 0.5);
+}
+
+popover.background scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+popover.background scrollbar.overlay-indicator.dragging, popover.background scrollbar.overlay-indicator.hovering {
+  background-color: rgba(56, 57, 62, 0.9);
+}
+
+popover.background button.radio {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+popover.background button.radio:hover {
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.linked > popover.background button {
+  border-radius: 4px;
+  -gtk-outline-radius: 2px;
+}
+
+.linked > popover.background button:first-child {
+  border-radius: 4px;
+}
+
+.linked > popover.background button:last-child {
+  border-radius: 4px;
+}
+
+.linked > popover.background button:only-child {
+  border-radius: 4px;
+}
+
+popover.background.menu button, popover.background button.model {
+  border-radius: 4px;
+  -gtk-outline-radius: 2px;
+}
+
+popover.background button.suggested-action {
+  background-color: #7C4DFF;
+  color: #FFFFFF;
+}
+
+popover.background button.suggested-action:disabled {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: rgba(124, 77, 255, 0.5);
+}
+
+popover.background button.suggested-action:hover {
+  color: #FFFFFF;
+  background-color: #8f67ff;
+}
+
+popover.background button.suggested-action:checked {
+  background-color: #a382ff;
+}
+
+popover.background button.suggested-action.flat {
+  background-color: transparent;
+  color: #7C4DFF;
+}
+
+popover.background button.suggested-action.flat:hover {
+  color: #7C4DFF;
+  background-color: rgba(124, 77, 255, 0.15);
+}
+
+popover.background button.suggested-action.flat:disabled {
+  background-color: transparent;
+  color: rgba(124, 77, 255, 0.5);
+}
+
+popover.background button.suggested-action.flat:checked {
+  background-color: rgba(124, 77, 255, 0.3);
+}
+
+popover.background button.destructive-action {
+  background-color: #FF5252;
+  color: #FFFFFF;
+}
+
+popover.background button.destructive-action:disabled {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: rgba(255, 82, 82, 0.5);
+}
+
+popover.background button.destructive-action:hover {
+  color: #FFFFFF;
+  background-color: #ff6c6c;
+}
+
+popover.background button.destructive-action:checked {
+  background-color: #ff8686;
+}
+
+popover.background button.destructive-action.flat {
+  background-color: transparent;
+  color: #FF5252;
+}
+
+popover.background button.destructive-action.flat:hover {
+  color: #FF5252;
+  background-color: rgba(255, 82, 82, 0.15);
+}
+
+popover.background button.destructive-action.flat:disabled {
+  background-color: transparent;
+  color: rgba(255, 82, 82, 0.5);
+}
+
+popover.background button.destructive-action.flat:checked {
+  background-color: rgba(255, 82, 82, 0.3);
+}
+
+popover.background check, popover.background radio {
+  color: rgba(255, 255, 255, 0.8);
+  transition: none;
+  animation: none;
+}
+
+popover.background check:hover, popover.background radio:hover {
+  color: #FFFFFF;
+}
+
+popover.background check:disabled, popover.background radio:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+popover.background check:checked, popover.background check:indeterminate, popover.background radio:checked, popover.background radio:indeterminate {
+  color: #7C4DFF;
+}
+
+popover.background check:checked:disabled, popover.background check:indeterminate:disabled, popover.background radio:checked:disabled, popover.background radio:indeterminate:disabled {
+  color: rgba(124, 77, 255, 0.5);
+}
+
+popover.background checkbutton.text-button,
+popover.background radiobutton.text-button {
+  outline-style: none;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+popover.background separator, popover.background separator, .csd popover.background separator {
+  border: none;
+  background-color: rgba(255, 255, 255, 0.12);
+}
+
+popover.background label.separator {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+popover.background calendar {
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  color: #FFFFFF;
+}
+
+popover.background calendar:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+popover.background calendar.header {
+  border-style: none none solid;
+  border-color: rgba(255, 255, 255, 0.12);
+  border-radius: 0;
+}
+
+popover.background calendar.highlight {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+popover.background calendar:indeterminate {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+popover.background.combo {
+  padding: 0;
+  margin: 0;
+}
+
+popover.background.combo list {
+  padding: 0;
+  margin: 0;
+  background: none;
+}
+
+popover.background.combo list > row.activatable {
+  padding: 6px 12px;
+}
+
+/*************
+ * Notebooks *
+ *************/
+frame > paned > notebook > header, notebook.frame > header {
+  background-color: #3b3b43;
+}
+
+notebook, notebook.frame {
+  background-color: #31313a;
+  border-radius: 10px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 10px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 10px;
+}
+
+.background.unified notebook {
+  border-radius: 0;
+}
+
+.background.unified notebook > header {
+  border-radius: 0;
+}
+
+notebook > header {
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #34343b;
+  background-clip: border-box;
+}
+
+notebook > header.top {
+  border-bottom-style: solid;
+  border-radius: 9px 9px 0 0;
+}
+
+notebook > header.top > tabs {
+  margin-bottom: -1px;
+}
+
+notebook > header.top > tabs > tab:hover {
+  box-shadow: inset 0 -2px rgba(255, 255, 255, 0.2);
+}
+
+notebook > header.top > tabs > tab:checked {
+  box-shadow: inset 0 -2px #5657f5;
+}
+
+notebook > header.bottom {
+  border-top-style: solid;
+  border-radius: 0 0 9px 9px;
+}
+
+notebook > header.bottom > tabs {
+  margin-top: -1px;
+}
+
+notebook > header.bottom > tabs > tab:hover {
+  box-shadow: inset 0 2px rgba(255, 255, 255, 0.2);
+}
+
+notebook > header.bottom > tabs > tab:checked {
+  box-shadow: inset 0 2px #5657f5;
+}
+
+notebook > header.left {
+  border-right-style: solid;
+  border-radius: 9px 0 0 9px;
+}
+
+notebook > header.left > tabs {
+  margin-right: -1px;
+}
+
+notebook > header.left > tabs > tab:hover {
+  box-shadow: inset -2px 0 rgba(255, 255, 255, 0.2);
+}
+
+notebook > header.left > tabs > tab:checked {
+  box-shadow: inset -2px 0 #5657f5;
+}
+
+notebook > header.right {
+  border-left-style: solid;
+  border-radius: 0 9px 9px 0;
+}
+
+notebook > header.right > tabs {
+  margin-left: -1px;
+}
+
+notebook > header.right > tabs > tab:hover {
+  box-shadow: inset 2px 0 rgba(255, 255, 255, 0.2);
+}
+
+notebook > header.right > tabs > tab:checked {
+  box-shadow: inset 2px 0 #5657f5;
+}
+
+notebook > header.top > tabs > arrow {
+  border-top-style: none;
+}
+
+notebook > header.bottom > tabs > arrow {
+  border-bottom-style: none;
+}
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+  margin-left: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+  margin-right: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+notebook > header.left > tabs > arrow {
+  border-left-style: none;
+}
+
+notebook > header.right > tabs > arrow {
+  border-right-style: none;
+}
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+  margin-top: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+  margin-bottom: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 0;
+}
+
+notebook > header tab {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px 12px;
+  outline-offset: -6px;
+  border-width: 1px;
+  border-color: transparent;
+  background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.2) 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(255, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+notebook > header tab:hover {
+  color: #FFFFFF;
+}
+
+notebook > header tab:hover.reorderable-page {
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #3b3b43;
+}
+
+notebook > header tab:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+notebook > header tab:checked {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: transparent;
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  background-clip: padding-box;
+  color: #FFFFFF;
+}
+
+notebook > header tab:checked:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+notebook > header tab:checked.reorderable-page {
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+}
+
+notebook > header tab button.flat {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 2px;
+  margin: 0;
+}
+
+notebook > header tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header.top tabs, notebook > header.bottom tabs {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
+  margin: 0 -1px;
+  border-style: none solid;
+}
+
+notebook > header.left tabs, notebook > header.right tabs {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
+  margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
+  margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
+  margin: -1px 0;
+  border-style: solid none;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: #31313a;
+  border-radius: 10px;
+}
+
+notebook > header button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(49, 49, 58, 0.65);
+  background-clip: border-box;
+}
+
+* {
+  -GtkScrollbar-has-backward-stepper: false;
+  -GtkScrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+scrollbar.bottom {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+scrollbar.left {
+  border-right: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+scrollbar.right {
+  border-left: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+scrollbar slider {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(255, 255, 255, 0.5);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(255, 255, 255, 0.7);
+}
+
+scrollbar slider:active {
+  background-color: #FFFFFF;
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+scrollbar.fine-tune slider {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(49, 49, 58, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(49, 49, 58, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(255, 255, 255, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
+  background-color: rgba(49, 49, 58, 0.9);
+}
+
+scrollbar.horizontal slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 225ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  min-height: 20px;
+  min-width: 42px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-color: rgba(255, 255, 255, 0.2);
+  background-clip: padding-box;
+  color: transparent;
+  font-size: 0;
+}
+
+switch:disabled {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+switch:checked {
+  background-color: rgba(124, 77, 255, 0.35);
+  color: transparent;
+}
+
+switch:checked:disabled {
+  background-color: rgba(124, 77, 255, 0.2);
+}
+
+switch slider {
+  transition: 100ms, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 24px;
+  min-height: 24px;
+  margin: -4px -3px;
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #44454b;
+  color: transparent;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-image: -gtk-scaled(url("assets/switch-slider-unchecked-dark.png"), url("assets/switch-slider-unchecked-dark@2.png"));
+}
+
+switch:hover slider {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+switch:checked slider {
+  transition: 100ms, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), margin 0;
+  background-color: #7C4DFF;
+  color: transparent;
+  background-image: -gtk-scaled(url("assets/switch-slider-checked-dark.png"), url("assets/switch-slider-checked-dark@2.png"));
+}
+
+switch:disabled slider {
+  background-color: #3b3b43;
+}
+
+switch:checked:disabled slider {
+  animation: none;
+  background-color: #573f9d;
+}
+
+row:selected switch:checked {
+  background-color: rgba(68, 1, 255, 0.35);
+}
+
+row:selected switch:checked:disabled {
+  background-color: rgba(68, 1, 255, 0.2);
+}
+
+row:selected switch:checked slider {
+  background-color: #561aff;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+  min-height: 40px;
+  min-width: 40px;
+  margin: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+  -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
+.content-view .tile check:not(list):hover,
+.content-view .tile check:not(list):active {
+  -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+  -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
+}
+
+.view.content-view.check:not(list):checked,
+.content-view .tile check:not(list):checked {
+  -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
+}
+
+checkbutton,
+radiobutton {
+  outline: none;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+  outline-offset: 0;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+row check:selected,
+row radio:selected, row check:selected:active,
+row radio:selected:active, row check:selected:checked,
+row radio:selected:checked, row check:selected:indeterminate,
+row radio:selected:indeterminate, row check:selected:focus,
+row radio:selected:focus, row check:selected:focus:active,
+row radio:selected:focus:active, row check:selected:focus:checked,
+row radio:selected:focus:checked, row check:selected:focus:indeterminate,
+row radio:selected:focus:indeterminate, treeview.view check:selected,
+treeview.view radio:selected, treeview.view check:selected:active,
+treeview.view radio:selected:active, treeview.view check:selected:checked,
+treeview.view radio:selected:checked, treeview.view check:selected:indeterminate,
+treeview.view radio:selected:indeterminate, treeview.view check:selected:focus,
+treeview.view radio:selected:focus, treeview.view check:selected:focus:active,
+treeview.view radio:selected:focus:active, treeview.view check:selected:focus:checked,
+treeview.view radio:selected:focus:checked, treeview.view check:selected:focus:indeterminate,
+treeview.view radio:selected:focus:indeterminate, row.activatable check:selected,
+row.activatable radio:selected, row.activatable check:selected:active,
+row.activatable radio:selected:active, row.activatable check:selected:checked,
+row.activatable radio:selected:checked, row.activatable check:selected:indeterminate,
+row.activatable radio:selected:indeterminate, row.activatable check:selected:focus,
+row.activatable radio:selected:focus, row.activatable check:selected:focus:active,
+row.activatable radio:selected:focus:active, row.activatable check:selected:focus:checked,
+row.activatable radio:selected:focus:checked, row.activatable check:selected:focus:indeterminate,
+row.activatable radio:selected:focus:indeterminate, row checkbutton check:selected, row checkbutton check:selected:active, row checkbutton check:selected:checked, row checkbutton check:selected:indeterminate, row checkbutton check:selected:focus, row checkbutton check:selected:focus:active, row checkbutton check:selected:focus:checked, row checkbutton check:selected:focus:indeterminate, treeview.view checkbutton check:selected, treeview.view checkbutton check:selected:active, treeview.view checkbutton check:selected:checked, treeview.view checkbutton check:selected:indeterminate, treeview.view checkbutton check:selected:focus, treeview.view checkbutton check:selected:focus:active, treeview.view checkbutton check:selected:focus:checked, treeview.view checkbutton check:selected:focus:indeterminate, row.activatable checkbutton check:selected, row.activatable checkbutton check:selected:active, row.activatable checkbutton check:selected:checked, row.activatable checkbutton check:selected:indeterminate, row.activatable checkbutton check:selected:focus, row.activatable checkbutton check:selected:focus:active, row.activatable checkbutton check:selected:focus:checked, row.activatable checkbutton check:selected:focus:indeterminate, row radiobutton radio:selected, row radiobutton radio:selected:active, row radiobutton radio:selected:checked, row radiobutton radio:selected:indeterminate, row radiobutton radio:selected:focus, row radiobutton radio:selected:focus:active, row radiobutton radio:selected:focus:checked, row radiobutton radio:selected:focus:indeterminate, treeview.view radiobutton radio:selected, treeview.view radiobutton radio:selected:active, treeview.view radiobutton radio:selected:checked, treeview.view radiobutton radio:selected:indeterminate, treeview.view radiobutton radio:selected:focus, treeview.view radiobutton radio:selected:focus:active, treeview.view radiobutton radio:selected:focus:checked, treeview.view radiobutton radio:selected:focus:indeterminate, row.activatable radiobutton radio:selected, row.activatable radiobutton radio:selected:active, row.activatable radiobutton radio:selected:checked, row.activatable radiobutton radio:selected:indeterminate, row.activatable radiobutton radio:selected:focus, row.activatable radiobutton radio:selected:focus:active, row.activatable radiobutton radio:selected:focus:checked, row.activatable radiobutton radio:selected:focus:indeterminate {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+row check:selected:disabled,
+row radio:selected:disabled, row check:selected:active:disabled,
+row radio:selected:active:disabled, row check:selected:checked:disabled,
+row radio:selected:checked:disabled, row check:selected:indeterminate:disabled,
+row radio:selected:indeterminate:disabled, row check:selected:focus:disabled,
+row radio:selected:focus:disabled, row check:selected:focus:active:disabled,
+row radio:selected:focus:active:disabled, row check:selected:focus:checked:disabled,
+row radio:selected:focus:checked:disabled, row check:selected:focus:indeterminate:disabled,
+row radio:selected:focus:indeterminate:disabled, treeview.view check:selected:disabled,
+treeview.view radio:selected:disabled, treeview.view check:selected:active:disabled,
+treeview.view radio:selected:active:disabled, treeview.view check:selected:checked:disabled,
+treeview.view radio:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
+treeview.view radio:selected:indeterminate:disabled, treeview.view check:selected:focus:disabled,
+treeview.view radio:selected:focus:disabled, treeview.view check:selected:focus:active:disabled,
+treeview.view radio:selected:focus:active:disabled, treeview.view check:selected:focus:checked:disabled,
+treeview.view radio:selected:focus:checked:disabled, treeview.view check:selected:focus:indeterminate:disabled,
+treeview.view radio:selected:focus:indeterminate:disabled, row.activatable check:selected:disabled,
+row.activatable radio:selected:disabled, row.activatable check:selected:active:disabled,
+row.activatable radio:selected:active:disabled, row.activatable check:selected:checked:disabled,
+row.activatable radio:selected:checked:disabled, row.activatable check:selected:indeterminate:disabled,
+row.activatable radio:selected:indeterminate:disabled, row.activatable check:selected:focus:disabled,
+row.activatable radio:selected:focus:disabled, row.activatable check:selected:focus:active:disabled,
+row.activatable radio:selected:focus:active:disabled, row.activatable check:selected:focus:checked:disabled,
+row.activatable radio:selected:focus:checked:disabled, row.activatable check:selected:focus:indeterminate:disabled,
+row.activatable radio:selected:focus:indeterminate:disabled, row checkbutton check:selected:disabled, row checkbutton check:selected:active:disabled, row checkbutton check:selected:checked:disabled, row checkbutton check:selected:indeterminate:disabled, row checkbutton check:selected:focus:disabled, row checkbutton check:selected:focus:active:disabled, row checkbutton check:selected:focus:checked:disabled, row checkbutton check:selected:focus:indeterminate:disabled, treeview.view checkbutton check:selected:disabled, treeview.view checkbutton check:selected:active:disabled, treeview.view checkbutton check:selected:checked:disabled, treeview.view checkbutton check:selected:indeterminate:disabled, treeview.view checkbutton check:selected:focus:disabled, treeview.view checkbutton check:selected:focus:active:disabled, treeview.view checkbutton check:selected:focus:checked:disabled, treeview.view checkbutton check:selected:focus:indeterminate:disabled, row.activatable checkbutton check:selected:disabled, row.activatable checkbutton check:selected:active:disabled, row.activatable checkbutton check:selected:checked:disabled, row.activatable checkbutton check:selected:indeterminate:disabled, row.activatable checkbutton check:selected:focus:disabled, row.activatable checkbutton check:selected:focus:active:disabled, row.activatable checkbutton check:selected:focus:checked:disabled, row.activatable checkbutton check:selected:focus:indeterminate:disabled, row radiobutton radio:selected:disabled, row radiobutton radio:selected:active:disabled, row radiobutton radio:selected:checked:disabled, row radiobutton radio:selected:indeterminate:disabled, row radiobutton radio:selected:focus:disabled, row radiobutton radio:selected:focus:active:disabled, row radiobutton radio:selected:focus:checked:disabled, row radiobutton radio:selected:focus:indeterminate:disabled, treeview.view radiobutton radio:selected:disabled, treeview.view radiobutton radio:selected:active:disabled, treeview.view radiobutton radio:selected:checked:disabled, treeview.view radiobutton radio:selected:indeterminate:disabled, treeview.view radiobutton radio:selected:focus:disabled, treeview.view radiobutton radio:selected:focus:active:disabled, treeview.view radiobutton radio:selected:focus:checked:disabled, treeview.view radiobutton radio:selected:focus:indeterminate:disabled, row.activatable radiobutton radio:selected:disabled, row.activatable radiobutton radio:selected:active:disabled, row.activatable radiobutton radio:selected:checked:disabled, row.activatable radiobutton radio:selected:indeterminate:disabled, row.activatable radiobutton radio:selected:focus:disabled, row.activatable radiobutton radio:selected:focus:active:disabled, row.activatable radiobutton radio:selected:focus:checked:disabled, row.activatable radiobutton radio:selected:focus:indeterminate:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+row check:selected:hover,
+row radio:selected:hover, treeview.view check:selected:hover,
+treeview.view radio:selected:hover, row checkbutton check:selected:hover, row checkbutton check:selected:focus:hover, treeview.view checkbutton check:selected:hover, treeview.view checkbutton check:selected:focus:hover, row.activatable checkbutton check:selected:hover, row.activatable checkbutton check:selected:focus:hover, row radiobutton radio:selected:hover, row radiobutton radio:selected:focus:hover, treeview.view radiobutton radio:selected:hover, treeview.view radiobutton radio:selected:focus:hover, row.activatable radiobutton radio:selected:hover, row.activatable radiobutton radio:selected:focus:hover {
+  color: #FFFFFF;
+}
+
+row check:selected:hover:disabled,
+row radio:selected:hover:disabled, treeview.view check:selected:hover:disabled,
+treeview.view radio:selected:hover:disabled, row checkbutton check:selected:hover:disabled, row checkbutton check:selected:focus:hover:disabled, treeview.view checkbutton check:selected:hover:disabled, treeview.view checkbutton check:selected:focus:hover:disabled, row.activatable checkbutton check:selected:hover:disabled, row.activatable checkbutton check:selected:focus:hover:disabled, row radiobutton radio:selected:hover:disabled, row radiobutton radio:selected:focus:hover:disabled, treeview.view radiobutton radio:selected:hover:disabled, treeview.view radiobutton radio:selected:focus:hover:disabled, row.activatable radiobutton radio:selected:hover:disabled, row.activatable radiobutton radio:selected:focus:hover:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -12px;
+  padding: 12px;
+}
+
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #7C4DFF;
+}
+
+check:checked:disabled, check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(124, 77, 255, 0.5);
+}
+
+popover check, popover check:hover, popover check:focus, popover check:focus:hover, popover check:active, popover check:disabled, popover radio, popover radio:hover, popover radio:focus, popover radio:focus:hover, popover radio:active, popover radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover check.left:dir(rtl), popover radio.left:dir(rtl) {
+  margin-left: -12px;
+  margin-right: -4px;
+}
+
+popover check.right:dir(ltr), popover radio.right:dir(ltr) {
+  margin-left: -4px;
+  margin-right: -12px;
+}
+
+menu menuitem check, menu menuitem radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) {
+  margin-right: 8px;
+}
+
+menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) {
+  margin-left: 8px;
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled {
+  box-shadow: none;
+}
+
+
+check {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
+}
+
+
+check:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
+}
+
+
+check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
+}
+
+
+radio {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
+  border-image-slice: 24;
+  border-image-width: 24px;
+}
+
+
+radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
+}
+
+
+radio {
+  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#7C4DFF), to(transparent));
+}
+
+
+radio:checked:not(:indeterminate) {
+  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.1041666667, to(#7C4DFF), to(transparent));
+}
+
+
+radio:checked:not(:indeterminate):disabled {
+  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.1041666667, to(rgba(124, 77, 255, 0.5)), to(transparent));
+}
+
+window.background:not(.csd) > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 7px;
+  -gtk-outline-radius: 7px;
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
+}
+
+window.background:not(.csd) > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
+}
+
+window.background:not(.csd) > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
+}
+
+window.background:not(.csd) > widget > radiobutton > radio,
+menu menuitem radio {
+  min-height: 16px;
+  min-width: 16px;
+  border-image: none;
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
+}
+
+window.background:not(.csd) > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
+}
+
+window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
+menu menuitem radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active,
+radio:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+check:not(:checked),
+radio:not(:checked) {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
+}
+
+menu menuitem check:not(:checked), menu menuitem radio:not(:checked) {
+  transition: none;
+}
+
+treeview.view check,
+treeview.view radio {
+  padding: 0;
+}
+
+treeview.view check:hover,
+treeview.view radio:hover {
+  box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
+}
+
+treeview.view check:hover:disabled,
+treeview.view radio:hover:disabled {
+  box-shadow: none;
+}
+
+treeview.view check:hover:selected,
+treeview.view radio:hover:selected {
+  box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
+}
+
+treeview.view check,
+treeview.view radio {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+treeview.view check:hover, treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #FFFFFF;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+treeview.view check:checked, treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #7C4DFF;
+}
+
+treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(124, 77, 255, 0.5);
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
+  border-image: none;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 48px;
+  padding: 0 6px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+  color: #FFFFFF;
+}
+
+headerbar:disabled :not(button) > label {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled :not(button) > label {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar entry {
+  background-color: #3d3d48;
+}
+
+headerbar entry:focus {
+  background-color: #444450;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar switch {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar .entry-tag, headerbar .photos-entry-tag, headerbar .documents-entry-tag {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar .linked:not(.vertical) > entry:not(.flat) {
+  border-radius: 7px;
+}
+
+headerbar .linked:not(.vertical) > button {
+  border-radius: 7px;
+  -gtk-outline-radius: 7px;
+}
+
+
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  border-image: none;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+
+headerbar button:not(.suggested-action):not(.destructive-action):hover,
+headerbar button:not(.suggested-action):not(.destructive-action):active {
+  color: #FFFFFF;
+}
+
+
+headerbar button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+
+headerbar button:not(.suggested-action):not(.destructive-action):checked {
+  border-image: none;
+  background-color: #5657f5;
+  color: #FFFFFF;
+  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12);
+}
+
+
+headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: rgba(86, 87, 245, 0.5);
+}
+
+
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  background-image: none;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled {
+  background-color: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1);
+  animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0;
+  color: #FFFFFF;
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):hover {
+  color: #FFFFFF;
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
+  color: #FFFFFF;
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu arrow {
+  -GtkArrow-arrow-scaling: 1;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action),
+headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action), headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 8px;
+  padding-right: 8px;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0;
+}
+
+headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):active,
+headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):active, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):active {
+  color: #FFFFFF;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1);
+  background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%);
+  background-size: 0% 0%;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):checked,
+headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):checked, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):checked {
+  color: #FFFFFF;
+  background-color: transparent;
+  box-shadow: none;
+  background-image: none;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):checked:backdrop, headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action):active:backdrop,
+headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):checked:backdrop,
+headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action):active:backdrop, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):checked:backdrop, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):active:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button label,
+headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action).text-button.image-button label, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action).text-button.image-button label {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+headerbar .linked:not(.vertical).path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image,
+headerbar .linked:not(.vertical):not(.path-bar).stack-switcher button:not(.suggested-action):not(.destructive-action).text-button.image-button image, headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action).text-button.image-button image {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+  border-radius: 0;
+  padding: 0;
+  min-width: 120px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) > stack > box {
+  padding: 0 12px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) > stack > box.narrow {
+  font-size: 10px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action) > stack > box.narrow image {
+  margin-top: 3px;
+}
+
+headerbar.windowhandle viewswitcher button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+headerbar.default-decoration {
+  min-height: 24px;
+  padding: 6px 12px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration {
+  box-shadow: none;
+}
+
+headerbar.default-decoration button.titlebutton {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 0 2px;
+  padding: 0;
+}
+
+.background:not(.csd) headerbar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.csd headerbar, headerbar.titlebar, .titlebar headerbar, .solid-csd headerbar, box headerbar:only-child {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.08);
+}
+
+headerbar.titlebar.default-decoration, .csd headerbar.titlebar.default-decoration {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+box headerbar:not(:only-child):first-child, box headerbar:not(:only-child):last-child {
+  border-left-color: #31313a;
+  border-right-color: #31313a;
+}
+
+window separator:first-child + headerbar, window headerbar:first-child {
+  border-top-left-radius: 13px;
+}
+
+window headerbar:last-child {
+  border-top-right-radius: 13px;
+}
+
+window stack headerbar:first-child, window stack headerbar:last-child {
+  border-top-left-radius: 13px;
+  border-top-right-radius: 13px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child {
+  border-radius: 0;
+}
+
+.titlebar,
+.titlebar .background {
+  border-top-left-radius: 13px;
+  border-top-right-radius: 13px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.background.tiled .titlebar,
+.background.tiled-top .titlebar,
+.background.tiled-right .titlebar,
+.background.tiled-bottom .titlebar,
+.background.tiled-left .titlebar,
+.background.maximized .titlebar,
+.background.solid-csd .titlebar {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+headerbar separator.titlebutton {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+  border: none;
+}
+
+window.csd > .titlebar:not(headerbar) {
+  padding: 0;
+  background-color: transparent;
+  background-image: none;
+  border: none;
+  box-shadow: none;
+}
+
+.titlebar:not(headerbar) > separator {
+  background-color: #31313a;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 4px;
+  min-width: 4px;
+  padding: 16px;
+}
+
+scale slider {
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+}
+
+scale trough {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+scale trough:disabled {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+scale highlight {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #7C4DFF;
+}
+
+scale highlight:disabled {
+  background-color: transparent;
+}
+
+scale fill {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: auto, 1000% 1000%;
+  border-radius: 50%;
+  color: transparent;
+}
+
+scale slider {
+  background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
+}
+
+scale slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
+}
+
+scale slider:hover {
+  background-color: rgba(124, 77, 255, 0.08);
+}
+
+scale slider:focus {
+  background-color: rgba(124, 77, 255, 0.12);
+}
+
+scale slider:focus:hover {
+  background-color: rgba(124, 77, 255, 0.16);
+}
+
+scale slider:active {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
+  animation: scale_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: rgba(124, 77, 255, 0.08);
+  color: rgba(124, 77, 255, 0.12);
+}
+
+scale.fine-tune slider {
+  background-size: calc(100% - 12px);
+}
+
+scale marks label,
+scale value {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+scale marks {
+  color: rgba(255, 255, 255, 0.2);
+}
+
+scale marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale marks.left {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale marks.right {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.fine-tune marks.left {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.fine-tune marks.right {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
+}
+
+scale.color {
+  min-height: 0;
+  min-width: 0;
+}
+
+scale.color.horizontal {
+  padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
+  margin-bottom: -16px;
+  margin-top: -6px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -16px;
+  margin-right: -6px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -16px;
+  margin-left: -6px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 4px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 4px;
+}
+
+progressbar trough {
+  border-radius: 9999px;
+  background-color: rgba(93, 125, 251, 0.3);
+}
+
+progressbar progress {
+  border-radius: 9999px;
+  background-color: #5D7DFB;
+  background-image: linear-gradient(to left, #BA68C8, #7E57C2);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 4px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical block {
+  min-width: 4px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar trough {
+  padding: 2px;
+  border-radius: 5px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #31313a;
+}
+
+levelbar trough:disabled {
+  background-color: #3b3b43;
+}
+
+levelbar block.low {
+  background-color: #FF6D00;
+}
+
+levelbar block.high, levelbar block:not(.empty) {
+  background-color: #5657f5;
+}
+
+levelbar block.full {
+  background-color: #00C853;
+}
+
+levelbar block.empty {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+  color: #FFFFFF;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border {
+  border-style: none;
+}
+
+actionbar > revealer > box {
+  padding: 6px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 0 0 13px 13px;
+}
+
+actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button) {
+  border-radius: 7px;
+}
+
+scrolledwindow viewport.frame {
+  border-style: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent));
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent));
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent));
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(92, 107, 192, 0.3)), to(transparent));
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+preferences stacksidebar.sidebar list separator, .tweak-categories separator, button.font separator, button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+}
+
+list row {
+  padding: 2px;
+}
+
+.budgie-menu button, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view, filechooser stack.view scrolledwindow treeview.view, .view, iconview, treeview.view header button, row.activatable {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+.budgie-menu button:hover, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:hover, filechooser stack.view scrolledwindow treeview.view:hover, .view:hover, iconview:hover, treeview.view header button:hover, row.activatable:hover {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.05);
+}
+
+.budgie-menu button.has-open-popup, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.has-open-popup.view, filechooser stack.view scrolledwindow treeview.has-open-popup.view, .has-open-popup.view, iconview.has-open-popup, treeview.view header button.has-open-popup, .budgie-menu button:active, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:active, filechooser stack.view scrolledwindow treeview.view:active, .view:active, iconview:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
+  animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1);
+  background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%);
+  background-size: 0% 0%;
+}
+
+row button.circular {
+  margin: 0 4px;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(255, 255, 255, 0.7);
+}
+
+expander title > arrow:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+expander title > arrow:checked {
+  -gtk-icon-transform: unset;
+}
+
+expander title > arrow:hover, expander title > arrow:active {
+  color: #FFFFFF;
+}
+
+expander title > arrow:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+expander title > arrow:selected {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+expander title > arrow:selected:hover, expander title > arrow:selected:active {
+  color: #FFFFFF;
+}
+
+expander title > arrow:selected:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 2px 6px;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  color: #FFFFFF;
+}
+
+calendar:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+calendar:selected {
+  border-radius: 5px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-radius: 0;
+}
+
+calendar.highlight {
+  color: rgba(255, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: rgba(68, 69, 75, 0.95);
+  color: rgba(255, 255, 255, 0.8);
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: rgba(68, 69, 75, 0.95);
+  color: rgba(255, 255, 255, 0.8);
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+messagedialog .titlebar:backdrop {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+messagedialog list, messagedialog row, messagedialog .view, messagedialog textview.view > text {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: #3d3e43;
+  border-color: rgba(255, 255, 255, 0.12);
+}
+
+messagedialog check, messagedialog radio {
+  color: rgba(255, 255, 255, 0.75);
+}
+
+messagedialog check:hover, messagedialog check:active, messagedialog radio:hover, messagedialog radio:active {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+messagedialog check:disabled, messagedialog radio:disabled {
+  color: rgba(255, 255, 255, 0.75);
+}
+
+messagedialog check:checked, messagedialog check:indeterminate, messagedialog radio:checked, messagedialog radio:indeterminate {
+  color: #7C4DFF;
+}
+
+messagedialog check:checked:disabled, messagedialog check:indeterminate:disabled, messagedialog radio:checked:disabled, messagedialog radio:indeterminate:disabled {
+  color: rgba(124, 77, 255, 0.5);
+}
+
+messagedialog .dialog-action-area button {
+  padding: 4px 12px;
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 0;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+messagedialog .dialog-action-area button:hover, messagedialog .dialog-action-area button:active {
+  color: white;
+}
+
+messagedialog .dialog-action-area button:hover {
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.06);
+}
+
+messagedialog .dialog-action-area button:active {
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.06);
+  background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.06) 10%, transparent 0%);
+}
+
+messagedialog .dialog-action-area button:first-child {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+
+messagedialog .dialog-action-area button:last-child {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+
+messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.suggested-action:hover {
+  color: #7C4DFF;
+}
+
+messagedialog .dialog-action-area button.suggested-action:active, messagedialog .dialog-action-area button.suggested-action:checked {
+  background-color: #7C4DFF;
+  color: white;
+  border-color: #7C4DFF;
+  box-shadow: none;
+}
+
+messagedialog .dialog-action-area button.suggested-action:disabled {
+  opacity: 0.65;
+}
+
+messagedialog .dialog-action-area button.destructive-action, messagedialog .dialog-action-area button.destructive-action:hover {
+  color: #FF5252;
+}
+
+messagedialog .dialog-action-area button.destructive-action:active, messagedialog .dialog-action-area button.destructive-action:checked {
+  background-color: #FF5252;
+  color: white;
+  border-color: #FF5252;
+  box-shadow: none;
+}
+
+messagedialog .dialog-action-area button.destructive-action:disabled {
+  opacity: 0.65;
+}
+
+messagedialog.csd {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+messagedialog.csd .dialog-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 0;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+messagedialog.csd .dialog-action-area button:first-child {
+  border-bottom-left-radius: 7px;
+  border-top-left-radius: 0;
+}
+
+messagedialog.csd .dialog-action-area button:last-child {
+  border-bottom-right-radius: 7px;
+  border-top-right-radius: 0;
+}
+
+messagedialog entry {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+messagedialog expander title > arrow {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+messagedialog expander title > arrow:hover, messagedialog expander title > arrow:active {
+  color: #FFFFFF;
+}
+
+messagedialog expander title > arrow:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.background.csd filechooser, .background.csd filechooser placessidebar {
+  background: none;
+  border-radius: 0 0 13px 13px;
+}
+
+.background.csd filechooser list, .background.csd filechooser placessidebar list {
+  background-color: transparent;
+}
+
+.maximized filechooser placessidebar {
+  border-radius: 0;
+}
+
+filechooser stack.view {
+  background-color: transparent;
+}
+
+filechooser stack.view scrolledwindow {
+  background-color: #31313a;
+  border-radius: 0 0 13px 13px;
+}
+
+filechooser stack.view scrolledwindow treeview.view {
+  background-color: transparent;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: #34343b;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+stacksidebar .frame list:dir(ltr) {
+  box-shadow: inset -2px 0 3px -3px rgba(0, 0, 0, 0.05), inset -3px 0 5px -3px rgba(0, 0, 0, 0.05), inset -3px 0 10px -3px rgba(0, 0, 0, 0.03);
+}
+
+stacksidebar .frame list:dir(rtl) {
+  box-shadow: inset 2px 0 3px -3px rgba(0, 0, 0, 0.08), inset 3px 0 5px -3px rgba(0, 0, 0, 0.05), inset 3px 0 10px -3px rgba(0, 0, 0, 0.03);
+}
+
+.sidebar {
+  border-style: none;
+  background-color: #3c3c46;
+}
+
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
+  border-right: 1px solid #474751;
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
+  border-left: 1px solid #474751;
+  border-right-style: none;
+}
+
+.sidebar list {
+  background-color: transparent;
+}
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
+  border-style: none;
+}
+
+stacksidebar row {
+  padding: 10px 4px;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+/****************
+ * File chooser *
+ ****************/
+.nautilus-window placessidebar row:selected button.sidebar-button {
+  color: rgba(86, 87, 245, 0.75);
+}
+
+.nautilus-window placessidebar row:selected button.sidebar-button:hover, .nautilus-window placessidebar row:selected button.sidebar-button:active {
+  color: #5657f5;
+}
+
+.nautilus-window placessidebar row:selected button.sidebar-button:disabled {
+  color: rgba(86, 87, 245, 0.35);
+}
+
+.nautilus-window placessidebar row:selected button.sidebar-button:checked {
+  background-color: rgba(86, 87, 245, 0.1);
+  color: #5657f5;
+}
+
+.nautilus-window placessidebar row:selected button.sidebar-button:checked:disabled {
+  background-color: rgba(86, 87, 245, 0.05);
+  color: rgba(86, 87, 245, 0.55);
+}
+
+row image.sidebar-icon {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+row:selected image.sidebar-icon {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar list {
+  padding: 1px 0 4px;
+}
+
+placessidebar row {
+  min-height: 32px;
+  margin: -1px 4px -1px 0;
+  padding: 0;
+  border-radius: 0 7px 7px 0;
+}
+
+placessidebar row > revealer {
+  padding: 0 12px;
+}
+
+placessidebar row:selected {
+  background-color: rgba(255, 255, 255, 0.06);
+  color: #5657f5;
+}
+
+placessidebar row:selected image.sidebar-icon, placessidebar row:selected label.sidebar-label {
+  color: #9e9ff9;
+}
+
+placessidebar row:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+placessidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar row.sidebar-placeholder-row {
+  min-height: 2px;
+  padding: 0 8px;
+  background-image: image(#7C4DFF);
+  background-clip: content-box;
+}
+
+placessidebar row.sidebar-new-bookmark-row, placessidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #7C4DFF;
+}
+
+placessidebar row:drop(active):not(:disabled) {
+  box-shadow: inset 0 0 0 2px #7C4DFF;
+}
+
+placesview .server-list-button > image {
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border-style: none;
+  background-color: transparent;
+  background-image: image(rgba(255, 255, 255, 0.08));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #34343b;
+  background-image: image(rgba(255, 255, 255, 0.08)), image(rgba(255, 255, 255, 0.08));
+  background-size: 1px 1px, 1px 1px;
+}
+
+paned.horizontal > separator {
+  background-repeat: repeat-y;
+}
+
+paned.horizontal > separator:dir(ltr) {
+  margin: 0 -8px 0 0;
+  padding: 0 8px 0 0;
+  background-position: left;
+}
+
+paned.horizontal > separator:dir(rtl) {
+  margin: 0 0 0 -8px;
+  padding: 0 0 0 8px;
+  background-position: right;
+}
+
+paned.horizontal > separator.wide {
+  margin: 0;
+  padding: 0;
+  background-repeat: repeat-y, repeat-y;
+  background-position: left, right;
+}
+
+paned.vertical > separator {
+  margin: 0 0 -8px 0;
+  padding: 0 0 8px 0;
+  background-repeat: repeat-x;
+  background-position: top;
+}
+
+paned.vertical > separator.wide {
+  margin: 0;
+  padding: 0;
+  background-repeat: repeat-x, repeat-x;
+  background-position: bottom, top;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border: none;
+}
+
+infobar.info > revealer > box, infobar.info:backdrop > revealer > box {
+  background-color: #66BB6A;
+}
+
+infobar.question > revealer > box, infobar.question:backdrop > revealer > box {
+  background-color: #42A5F5;
+}
+
+infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box {
+  background-color: #FFA726;
+}
+
+infobar.error > revealer > box, infobar.error:backdrop > revealer > box {
+  background-color: #EF5350;
+}
+
+infobar.info > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:backdrop > revealer > box {
+  color: #FFFFFF;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border-radius: 7px;
+  box-shadow: none;
+}
+
+tooltip.background.csd {
+  border-radius: 7px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: rgba(68, 69, 75, 0.9);
+  color: rgba(255, 255, 255, 0.8);
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip label {
+  min-height: 20px;
+  padding: 0 2px;
+}
+
+tooltip * {
+  padding: 0;
+  background-color: transparent;
+  color: inherit;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 5.5px;
+  border-top-right-radius: 5.5px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 5.5px;
+  border-bottom-right-radius: 5.5px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+  border-top-left-radius: 5.5px;
+  border-bottom-left-radius: 5.5px;
+}
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 5px;
+  border-bottom-left-radius: 5px;
+}
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 5.5px;
+  border-bottom-right-radius: 5.5px;
+}
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+
+colorswatch.dark {
+  color: #FFFFFF;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch:drop(active) {
+  box-shadow: none;
+}
+
+colorswatch:drop(active).light overlay {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px #7C4DFF;
+}
+
+colorswatch:drop(active).dark overlay {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px #7C4DFF;
+}
+
+colorswatch overlay {
+  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+colorswatch#add-color-button {
+  border-radius: 5px 5px 0 0;
+  color: #FFFFFF;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 5px;
+}
+
+colorswatch#add-color-button overlay {
+  background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 5.5px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 5px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 7px;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #31313a;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #34343b;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: none;
+  border-radius: 13px;
+  box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16), 0 0 32px transparent;
+  margin: 10px;
+}
+
+decoration:backdrop {
+  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), 0 0 32px transparent;
+}
+
+.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration {
+  border-radius: 0;
+}
+
+.maximized decoration, .fullscreen decoration {
+  box-shadow: none;
+}
+
+.popup decoration {
+  box-shadow: none;
+}
+
+.ssd decoration {
+  box-shadow: none;
+}
+
+.csd.popup decoration {
+  border-radius: 8px;
+  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.12), 0 4px 3px rgba(0, 0, 0, 0.16);
+}
+
+tooltip.csd decoration {
+  border-radius: 7px;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+messagedialog.csd decoration {
+  border-radius: 7px;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  border-radius: 0;
+  border: none;
+  box-shadow: none;
+  background-color: #31313a;
+}
+
+/*****************
+ * Title buttons *
+ *****************/
+headerbar > box.right,
+headerbar > box.left,
+.titlebar > box.right,
+.titlebar > box.left {
+  padding: 0 12px;
+}
+
+.solid-csd headerbar:not(.default-decoration) button.titlebutton.close, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize, headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize,
+.titlebar button.titlebutton.close,
+.titlebar button.titlebutton.maximize,
+.titlebar button.titlebutton.minimize {
+  min-width: 12px;
+  min-height: 12px;
+  padding: 0;
+  margin: 0 2px;
+  color: transparent;
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:hover, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:hover, headerbar button.titlebutton.close:hover, headerbar button.titlebutton.close:backdrop:hover, headerbar button.titlebutton.maximize:hover, headerbar button.titlebutton.maximize:backdrop:hover, headerbar button.titlebutton.minimize:hover, headerbar button.titlebutton.minimize:backdrop:hover,
+.titlebar button.titlebutton.close:hover,
+.titlebar button.titlebutton.close:backdrop:hover,
+.titlebar button.titlebutton.maximize:hover,
+.titlebar button.titlebutton.maximize:backdrop:hover,
+.titlebar button.titlebutton.minimize:hover,
+.titlebar button.titlebutton.minimize:backdrop:hover {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:checked, headerbar button.titlebutton.close:active, headerbar button.titlebutton.close:checked, headerbar button.titlebutton.close:backdrop:active, headerbar button.titlebutton.close:backdrop:checked, headerbar button.titlebutton.maximize:active, headerbar button.titlebutton.maximize:checked, headerbar button.titlebutton.maximize:backdrop:active, headerbar button.titlebutton.maximize:backdrop:checked, headerbar button.titlebutton.minimize:active, headerbar button.titlebutton.minimize:checked, headerbar button.titlebutton.minimize:backdrop:active, headerbar button.titlebutton.minimize:backdrop:checked,
+.titlebar button.titlebutton.close:active,
+.titlebar button.titlebutton.close:checked,
+.titlebar button.titlebutton.close:backdrop:active,
+.titlebar button.titlebutton.close:backdrop:checked,
+.titlebar button.titlebutton.maximize:active,
+.titlebar button.titlebutton.maximize:checked,
+.titlebar button.titlebutton.maximize:backdrop:active,
+.titlebar button.titlebutton.maximize:backdrop:checked,
+.titlebar button.titlebutton.minimize:active,
+.titlebar button.titlebutton.minimize:checked,
+.titlebar button.titlebutton.minimize:backdrop:active,
+.titlebar button.titlebutton.minimize:backdrop:checked {
+  color: #FFFFFF;
+}
+
+.solid-csd headerbar:not(.default-decoration) button.titlebutton.close:backdrop, .solid-csd headerbar:not(.default-decoration) button.titlebutton.maximize:backdrop, .solid-csd headerbar:not(.default-decoration) button.titlebutton.minimize:backdrop, headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop,
+.titlebar button.titlebutton.close:backdrop,
+.titlebar button.titlebutton.maximize:backdrop,
+.titlebar button.titlebutton.minimize:backdrop {
+  color: transparent;
+  background-color: rgba(255, 255, 255, 0.12);
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close, headerbar button.titlebutton.close,
+.titlebar button.titlebutton.close {
+  transition: background-size 0, background-image 0, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close:hover, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:hover, headerbar button.titlebutton.close:hover,
+.titlebar button.titlebutton.close:hover {
+  padding: 2px;
+  margin: -2px 0;
+  background-color: #EF5350;
+  color: rgba(255, 255, 255, 0.7);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close:active, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:active, #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton.close:checked, .solid-csd headerbar:not(.default-decoration) button.titlebutton.close:checked, headerbar button.titlebutton.close:active, headerbar button.titlebutton.close:checked,
+.titlebar button.titlebutton.close:active,
+.titlebar button.titlebutton.close:checked {
+  padding: 2px;
+  margin: -2px 0;
+  background-color: #7C4DFF;
+  color: #FFFFFF;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+headerbar.default-decoration button.titlebutton.close:hover, headerbar.default-decoration button.titlebutton.close:active, headerbar.default-decoration button.titlebutton.close:checked, .csd headerbar.default-decoration button.titlebutton.close:hover, .csd headerbar.default-decoration button.titlebutton.close:active, .csd headerbar.default-decoration button.titlebutton.close:checked,
+.titlebar.default-decoration button.titlebutton.close:hover,
+.titlebar.default-decoration button.titlebutton.close:active,
+.titlebar.default-decoration button.titlebutton.close:checked, .csd .titlebar.default-decoration button.titlebutton.close:hover, .csd .titlebar.default-decoration button.titlebutton.close:active, .csd .titlebar.default-decoration button.titlebutton.close:checked {
+  padding: 0;
+  margin: 0 2px;
+  box-shadow: none;
+}
+
+.budgie-menu button:checked, text:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view selection, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:selected, .view selection, .view:selected, iconview selection, iconview:selected, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected,
+.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, row:selected, calendar:selected, filechooser stack.view scrolledwindow treeview.view selection, filechooser stack.view scrolledwindow treeview.view:selected {
+  background-color: #5657f5;
+}
+
+row:selected label, label:selected, .budgie-menu button:checked, text:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view selection, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:selected, .view selection, .view:selected, iconview selection, iconview:selected, flowbox flowboxchild:selected, entry selection, modelbutton.flat:selected,
+.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, row:selected, calendar:selected, filechooser stack.view scrolledwindow treeview.view selection, filechooser stack.view scrolledwindow treeview.view:selected {
+  color: #FFFFFF;
+}
+
+row:selected label:disabled, label:disabled:selected, .budgie-menu button:disabled:checked, text:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view selection:disabled, window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:disabled:selected, .view selection:disabled, .view:disabled:selected, iconview selection:disabled, iconview:disabled:selected, flowbox flowboxchild:disabled:selected, entry selection:disabled, modelbutton.flat:disabled:selected,
+.menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, row:disabled:selected, calendar:disabled:selected, filechooser stack.view scrolledwindow treeview.view selection:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  border-radius: 9999px;
+  background-color: #7C4DFF;
+  background-image: none;
+}
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
+  padding-left: 6px;
+  border-top-right-radius: 0;
+}
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
+  padding-right: 6px;
+  border-top-left-radius: 0;
+}
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+  -GtkWidget-text-handle-width: 24;
+  -GtkWidget-text-handle-height: 30;
+  -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
+}
+
+.context-menu {
+  font: initial;
+}
+
+.keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(255, 255, 255, 0.08);
+  border-radius: 5px;
+  box-shadow: inset 0 -2px rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+  color: #FFFFFF;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  transition: all 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 0 0 2px #7C4DFF;
+  caret-color: #7C4DFF;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+stackswitcher > button {
+  border-radius: 7px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0;
+}
+
+stackswitcher > button:active {
+  color: #FFFFFF;
+  background-color: transparent;
+  box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.1);
+  background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.1) 10%, transparent 0%);
+  background-size: 0% 0%;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+stackswitcher > button:checked {
+  color: #FFFFFF;
+  background-color: transparent;
+  box-shadow: none;
+  background-image: none;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+stackswitcher > button:checked:backdrop, stackswitcher > button:active:backdrop {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+stackswitcher > button:first-child, stackswitcher > button:last-child {
+  border-radius: 7px;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+button.emoji-section {
+  margin-top: -1px;
+  padding: 0 8px;
+  min-width: 24px;
+  min-height: 36px;
+  border-radius: 0;
+  outline-offset: -6px;
+  box-shadow: none;
+}
+
+button.emoji-section:hover {
+  box-shadow: inset 0 2px rgba(255, 255, 255, 0.2);
+}
+
+button.emoji-section:active, button.emoji-section:checked {
+  box-shadow: inset 0 2px #5657f5;
+  background-image: radial-gradient(circle farthest-corner at center, rgba(86, 87, 245, 0.7) 10%, transparent 0%);
+}
+
+button.emoji-section:checked {
+  box-shadow: inset 0 2px #5657f5;
+  background-color: transparent;
+}
+
+button.emoji-section:first-child {
+  margin-left: 4px;
+}
+
+button.emoji-section:last-child {
+  margin-right: 4px;
+}
+
+.emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0;
+}
+
+.emoji widget {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 5px;
+}
+
+.emoji widget:hover {
+  font-size: larger;
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window headerbar .path-bar-box button {
+  border-radius: 9999px;
+  color: rgba(255, 255, 255, 0.7);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.7) 0%, transparent 0%) 0 0 0/0 0 0;
+}
+
+.nautilus-window headerbar .path-bar-box button:hover {
+  color: #FFFFFF;
+}
+
+.nautilus-window headerbar .path-bar-box button:checked, .nautilus-window headerbar .path-bar-box button:active {
+  color: #FFFFFF;
+  background-color: transparent;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFFFFF 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+.nautilus-window headerbar .path-bar-box button:checked:backdrop, .nautilus-window headerbar .path-bar-box button:active:backdrop {
+  color: rgba(255, 255, 255, 0.5);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+.nautilus-window headerbar .path-bar-box button:backdrop {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.nautilus-window headerbar .path-bar-box button:backdrop:hover {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.nautilus-window {
+  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
+  background-size: 48px auto;
+  background-position: left bottom;
+  background-repeat: no-repeat;
+}
+
+.nautilus-window.csd.background {
+  background-color: rgba(49, 49, 58, 0.97);
+  border-radius: 0 0 13px 13px;
+}
+
+.nautilus-window.csd.background notebook {
+  background-color: transparent;
+  border-radius: 0 0 13px 13px;
+}
+
+.nautilus-window.csd.background notebook > stack {
+  background-color: transparent;
+  border-radius: 13px;
+}
+
+.nautilus-window.csd.background notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) {
+  background-color: transparent;
+}
+
+.nautilus-window.csd.background notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) header button:not(:hover):not(:active):not(:checked) {
+  background-color: transparent;
+}
+
+.nautilus-window.csd.background.unified headerbar {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.nautilus-window.maximized.csd.background, .nautilus-window.maximized placessidebar, .nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack {
+  border-radius: 0;
+}
+
+.nautilus-window placessidebar {
+  background: none;
+  margin-right: 6px;
+}
+
+.nautilus-window placessidebar list {
+  background: none;
+}
+
+.nautilus-window placessidebar row {
+  padding-left: 6px;
+}
+
+.nautilus-window placessidebar row, .nautilus-window placessidebar row:hover, .nautilus-window placessidebar row:selected, .nautilus-window placessidebar row:active, .nautilus-window placessidebar row:selected:hover, .nautilus-window placessidebar row:selected:active, .nautilus-window placessidebar row:focus {
+  transition: none;
+  animation: none;
+  background: none;
+  box-shadow: none;
+}
+
+.nautilus-window placessidebar row image.sidebar-icon {
+  color: rgba(255, 255, 255, 0.7);
+  margin-right: 6px;
+}
+
+.nautilus-window placessidebar row label.sidebar-label {
+  padding-left: 18px;
+  color: rgba(255, 255, 255, 0.7);
+  border-radius: 0 7px 7px 0;
+}
+
+.nautilus-window placessidebar row:hover label.sidebar-label {
+  background-color: rgba(255, 255, 255, 0.03);
+}
+
+.nautilus-window placessidebar row:backdrop {
+  opacity: 0.85;
+}
+
+.nautilus-window placessidebar row:selected label.sidebar-label {
+  color: #9e9ff9;
+  background-color: rgba(255, 255, 255, 0.06);
+}
+
+.nautilus-window placessidebar row:selected image.sidebar-icon {
+  color: #FFFFFF;
+}
+
+.nautilus-window placessidebar separator {
+  background-color: transparent;
+}
+
+.nautilus-window headerbar {
+  background-color: rgba(49, 49, 58, 0.97);
+  background-image: -gtk-scaled(url("assets/header-icon.png"), url("assets/header-icon@2.png"));
+  background-size: 48px auto;
+  background-position: left bottom;
+  background-repeat: no-repeat;
+  padding-left: 54px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.nautilus-window headerbar .path-bar-box {
+  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+  border-radius: 100px;
+  padding-left: 22px;
+  margin-left: 6px;
+  margin-right: 6px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button,
+.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button {
+  margin-top: 0;
+  margin-bottom: 0;
+  border-radius: 100px;
+}
+
+.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child,
+.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child {
+  color: #FFFFFF;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFFFFF 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.text-button:not(:only-child):last-child:backdrop,
+.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar button.image-button.text-button:not(:only-child):last-child:backdrop {
+  color: rgba(255, 255, 255, 0.5);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), rgba(255, 255, 255, 0.5) 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+.nautilus-window headerbar .path-bar-box.background.frame {
+  border: none;
+  background-color: transparent;
+}
+
+.nautilus-window .windowhandle .linked.nautilus-path-bar {
+  border-radius: 9999px;
+  margin: 6px;
+  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .windowhandle .linked.nautilus-path-bar .dim-label, .nautilus-window .windowhandle .linked.nautilus-path-bar .budgie-notification .notification-body, .nautilus-window .windowhandle .linked.nautilus-path-bar .budgie-switcher .notification-body, .budgie-notification .nautilus-window .windowhandle .linked.nautilus-path-bar .notification-body, .budgie-switcher .nautilus-window .windowhandle .linked.nautilus-path-bar .notification-body, .nautilus-window .windowhandle .linked.nautilus-path-bar label.separator, .nautilus-window .windowhandle .linked.nautilus-path-bar headerbar .subtitle, headerbar .nautilus-window .windowhandle .linked.nautilus-path-bar .subtitle {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
+  margin-top: 0;
+  margin-bottom: 0;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):hover {
+  background-color: rgba(255, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):active, .nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: rgba(255, 255, 255, 0.3);
+  box-shadow: none;
+  background-image: none;
+}
+
+.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):hover, .nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):active, .nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):checked {
+  color: #FFFFFF;
+}
+
+.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir {
+  color: #FFFFFF;
+}
+
+.nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .nautilus-window .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+.nautilus-window .windowhandle .linked.nautilus-path-bar button.toggle.popup {
+  border-radius: 9999px;
+}
+
+.nautilus-window .windowhandle .linked.nautilus-path-bar button.toggle.popup:checked {
+  background-color: rgba(255, 255, 255, 0.3);
+  box-shadow: none;
+  background-image: none;
+}
+
+.nautilus-window paned > separator {
+  min-width: 20px;
+  color: transparent;
+  background-image: url("assets/scalable/side-paned.svg");
+  background-size: 20px 750px;
+  background-position: left center;
+  background-repeat: no-repeat;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  border-style: solid solid none;
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  border-radius: 13px 13px 0 0;
+  background-color: #31313a;
+  background-clip: border-box;
+  transition: all 225ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
+}
+
+.nautilus-window .floating-bar.bottom.left {
+  margin-right: 7px;
+  border-left-style: none;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 13px;
+}
+
+.nautilus-window .floating-bar.bottom.right {
+  margin-left: 7px;
+  border-right-style: none;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 13px;
+}
+
+.nautilus-window .floating-bar button {
+  margin: 4px;
+}
+
+.nautilus-window.maximized .floating-bar {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.nautilus-window searchbar {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: rgba(52, 52, 59, 0.65);
+}
+
+.nautilus-window .searchbar-container {
+  margin-top: -1px;
+}
+
+.nautilus-window flowboxchild > widget > .icon-item-background {
+  padding: 4px;
+  border-radius: 5px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window flowboxchild:selected > widget > .icon-item-background {
+  background-color: #5657f5;
+}
+
+.nautilus-canvas-item {
+  border-radius: 5px;
+}
+
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item:not(:selected) {
+  color: #FFFFFF;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+@keyframes needs_attention_keyframes {
+  to {
+    background-color: rgba(255, 255, 255, 0.15);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
+}
+
+.disk-space-display.unknown {
+  background-color: #FF6D00;
+}
+
+.disk-space-display.used {
+  background-color: #5657f5;
+}
+
+.disk-space-display.free {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+.conflict-row:not(:selected) {
+  background-color: #6f4329;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
+  border-style: none;
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
+  margin: 0 8px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+/*********
+ * gedit *
+ *********/
+.open-document-selector-path-label {
+  color: rgba(255, 255, 255, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-path-label:selected {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.gedit-document-panel {
+  background-color: #44454b;
+}
+
+.gedit-document-panel row button.flat {
+  margin: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+
+.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
+  border-radius: 7px;
+}
+
+.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.gedit-search-slider entry:dir(ltr) {
+  margin-right: -66px;
+  padding-right: 66px;
+}
+
+.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
+  margin-left: 6px;
+}
+
+.gedit-search-slider entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider entry:dir(rtl) {
+  margin-left: -66px;
+  padding-left: 66px;
+}
+
+.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
+  margin-right: 6px;
+}
+
+.gedit-search-slider entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider entry.error ~ button {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
+  color: #FFFFFF;
+}
+
+.gedit-search-slider entry.error ~ button:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.gedit-search-slider button {
+  border: solid 6px transparent;
+}
+
+.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
+  margin-left: -3px;
+}
+
+.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
+  margin-right: -3px;
+}
+
+frame.gedit-map-frame > border:dir(ltr) {
+  border-style: none none none solid;
+}
+
+frame.gedit-map-frame > border:dir(rtl) {
+  border-style: none solid none none;
+}
+
+paned.titlebar.horizontal headerbar {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.08);
+}
+
+.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal {
+  padding: 3px 3px 0;
+}
+
+.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal {
+  margin: 0 0 2px;
+}
+
+.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal button.image-button.small-button {
+  padding: 4px;
+  border-radius: 7px;
+  -gtk-outline-radius: 7px;
+}
+
+.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal button.popup.small-button.toggle {
+  padding: 4px;
+}
+
+.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > scrolledwindow {
+  margin: 2px 6px 6px;
+  border-radius: 7px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > scrolledwindow row.activatable {
+  padding: 3px;
+}
+
+.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal stack scrolledwindow viewport.frame list.gedit-document-panel {
+  background: none;
+}
+
+/**********************
+  *  Gnome Tweak Tool  *
+  **********************/
+.tweak-categories {
+  background-image: image(#44454b);
+}
+
+.csd .tweak-categories {
+  border-bottom-left-radius: 13px;
+}
+
+leaflet list.navigation-sidebar {
+  background-color: #3b3b43;
+  border-bottom-left-radius: 13px;
+}
+
+leaflet list.navigation-sidebar > separator {
+  background-color: transparent;
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-white,
+.tweak-white,
+.tweak-white:hover {
+  background-image: image(#31313a);
+}
+
+.tweak-group-startup row.tweak-startup {
+  border-radius: 13px;
+  background-color: transparent;
+  background-image: none;
+}
+
+list.tweak-group list, list#ListBoxTweakGroup list {
+  padding: 0;
+}
+
+row#Focus,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: #34343b;
+}
+
+layouttabbar > box > button {
+  margin: 2px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  box-shadow: inset 0 -2px #5657f5;
+  background-color: #31313a;
+}
+
+layouttab separator.vertical {
+  margin: 8px 4px;
+}
+
+layouttab button.text-button, layouttab button.image-button, layouttab button {
+  margin-top: 8px;
+  margin-bottom: 8px;
+  padding: 0 4px;
+}
+
+layout {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  -PnlDockBin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #DD2C00;
+  color: #FFFFFF;
+}
+
+window.workbench treeview.image {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+window.workbench treeview.image:selected {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 7px;
+}
+
+popover.popover-selector list row image:dir(ltr) {
+  margin-right: 6px;
+}
+
+popover.popover-selector list row image:dir(rtl) {
+  margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(ltr) {
+  margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(rtl) {
+  margin-right: 6px;
+}
+
+omnibar.linked:not(.vertical) entry {
+  border-radius: 7px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+entry.preferences-search {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #44454b;
+}
+
+preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
+  border-style: none;
+}
+
+preferences > box > box:dir(ltr) {
+  border-right: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 7px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 7px;
+}
+
+popover.messagepopover .popover-content-area {
+  margin: 16px;
+}
+
+popover.transfers list {
+  background-color: transparent;
+}
+
+popover.transfers list row:not(:first-child) {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  -PnlDockBin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: #34343b;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: #34343b;
+}
+
+docktab {
+  transition: all 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 6px 6px;
+  outline-offset: -6px;
+  border-width: 1px;
+  border-color: transparent;
+  background-image: radial-gradient(circle farthest-corner at center, #5657f5 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(255, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  box-shadow: inset 0 -2px rgba(255, 255, 255, 0.2);
+  color: #FFFFFF;
+}
+
+docktab:checked {
+  transition: all 225ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -2px #5657f5;
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #FFFFFF;
+}
+
+dockoverlayedge {
+  background-color: #34343b;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:hover {
+  box-shadow: inset -2px 0 rgba(255, 255, 255, 0.2);
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #5657f5;
+}
+
+dockoverlayedge.right-edge docktab:hover {
+  box-shadow: inset 2px 0 rgba(255, 255, 255, 0.2);
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #5657f5;
+}
+
+pillbox {
+  background-color: #34343b;
+  border-radius: 7px;
+}
+
+layoutpane entry.search {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+}
+
+.gb-search-entry-occurrences-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+docktabstrip {
+  min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+button.dzlmenubutton image {
+  min-width: 30px;
+}
+
+button.dzlmenubutton image.arrow {
+  min-width: 27px;
+}
+
+button.dzlmenubuttonitem {
+  color: #FFFFFF;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+idelayoutstackheader button:checked {
+  color: #FFFFFF;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #34343b;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  outline-offset: -6px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(circle farthest-corner at center, rgba(86, 87, 245, 0.7) 10%, transparent 0%);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
+  box-shadow: inset -2px 0 rgba(255, 255, 255, 0.2);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #5657f5;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
+  box-shadow: inset 2px 0 rgba(255, 255, 255, 0.2);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #5657f5;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -GdMainIconView-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+  background-color: #7C4DFF;
+  color: #FFFFFF;
+  font-weight: bold;
+}
+
+.documents-scrolledwin.frame {
+  border-style: none;
+}
+
+.documents-scrolledwin.frame frame.content-view > border {
+  border-style: none;
+}
+
+.photos-fade-in {
+  opacity: 1;
+  transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
+  border-style: none none none solid;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
+  border-style: none solid none none;
+}
+
+.documents-scrolledwin {
+  background-color: transparent;
+}
+
+.documents-scrolledwin .content-view {
+  background-color: transparent;
+  border-radius: 0 0 13px 13px;
+}
+
+.documents-scrolledwin viewport.frame {
+  background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame widget > frame.content-view {
+  background-color: transparent;
+  border-radius: 0 0 13px 13px;
+}
+
+.documents-scrolledwin viewport.frame widget > frame.content-view border {
+  border: none;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(255, 255, 255, 0.08);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(255, 255, 255, 0.08);
+}
+
+.side-panel .view {
+  background-image: image(#44454b);
+}
+
+.side-panel .view:hover {
+  background-image: image(#4d4e54);
+}
+
+.side-panel .view:selected {
+  background-image: image(#5657f5);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(#5e5ff6);
+}
+
+.songs-list:hover {
+  background-image: image(rgba(255, 255, 255, 0.05));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+  border-radius: 0 0 13px 13px;
+  background-color: #31313a;
+}
+
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow {
+  border-radius: 0 0 0 13px;
+  background-color: #34343b;
+}
+
+.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) {
+  background-color: transparent;
+}
+
+/**************
+ * Gnome-Logs *
+ **************/
+headerbar > button.flat.popup.title-menu-button.toggle > grid .title {
+  margin: -3px 0;
+  padding: 2px 4px 0;
+  font-size: 90%;
+}
+
+headerbar > button.flat.popup.title-menu-button.toggle > grid .subtitle {
+  margin: -3px 0;
+  padding: 0 4px 2px;
+  font-size: 80%;
+}
+
+window.background > box.vertical box.horizontal list.categories {
+  border-radius: 0 0 0 13px;
+}
+
+window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list > separator {
+  background-color: transparent;
+}
+
+window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list > separator.compressed-rows-group-separator {
+  background-image: image(#31313a);
+}
+
+window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label {
+  background-image: image(#7C4DFF);
+  color: #FFFFFF;
+  font-weight: 700;
+}
+
+window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row {
+  background-image: image(#2d2d33);
+  color: #cccccc;
+}
+
+window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover {
+  background-image: image(#3e3e45);
+  color: #FFFFFF;
+}
+
+window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus {
+  background-image: image(#48484f);
+  color: #FFFFFF;
+  animation: none;
+}
+
+window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row {
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header {
+  background-image: image(#31313a);
+  background-color: #31313a;
+  color: #5657f5;
+  transition: none;
+  animation: none;
+}
+
+window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover {
+  background-color: rgba(255, 255, 255, 0.08);
+  color: #5657f5;
+}
+
+window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:checked, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:checked:focus {
+  background-color: rgba(255, 255, 255, 0.2);
+  background-image: image(#31313a);
+}
+
+window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label {
+  background-image: image(#5657f5);
+  color: #FFFFFF;
+}
+
+/************************
+  * Gnome Control Center *
+  ************************/
+stack > box.vertical > widget > overlay grid.horizontal > stack > button.toggle {
+  margin: 8px 6px;
+}
+
+box.horizontal.titlebar > headerbar > stack > box.vertical > .title {
+  margin: 0;
+}
+
+box.horizontal.titlebar > headerbar > stack > box.vertical > .subtitle {
+  margin: -3px 0;
+}
+
+dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
+  font-weight: 700;
+}
+
+window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
+window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
+window.background.csd > headerbar.titlebar > leaflet > separator.sidebar {
+  border-right-style: none;
+  background: none;
+  min-width: 0;
+}
+
+window.background.csd > box.horizontal > separator.sidebar,
+window.background.csd > hdyleaflet > separator.sidebar,
+window.background.csd > leaflet > separator.sidebar {
+  background: none;
+  min-width: 0;
+}
+
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > leaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+  border-radius: 0 0 13px 13px;
+}
+
+window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
+window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame,
+window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame {
+  background-color: #31313a;
+  border-bottom-right-radius: 14px;
+}
+
+window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
+window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view,
+window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view {
+  background: none;
+}
+
+window.background.csd > hdyleaflet > stack.background frame.view,
+window.background.csd > leaflet > stack.background frame.view,
+window.background.csd > box.horizontal > stack.background frame.view {
+  border-radius: 7px;
+}
+
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+  background-color: #31313a;
+  border-bottom-left-radius: 14px;
+}
+
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack,
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack {
+  background-color: transparent;
+}
+
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list,
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list {
+  background-color: transparent;
+}
+
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) {
+  background-color: transparent;
+}
+
+hdyleaflet frame > border, leaflet frame > border {
+  border: none;
+}
+
+hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable {
+  margin-right: 4px;
+  border-radius: 0 7px 7px 0;
+}
+
+hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected {
+  background-color: rgba(255, 255, 255, 0.06);
+  color: #9e9ff9;
+}
+
+hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected image, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected label, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected image, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) row.activatable:selected label {
+  color: #9e9ff9;
+}
+
+hdyleaflet > separator.sidebar, leaflet > separator.sidebar {
+  border-right-style: none;
+  background: none;
+  min-width: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+  background-color: #31313a;
+  border-radius: 0 0 13px 13px;
+}
+
+window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view {
+  background: none;
+}
+
+/************************
+ * Gnome sound recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow.frame {
+  border: none;
+}
+
+stack > grid.vertical > scrolledwindow.frame > viewport.frame list {
+  border-radius: 0 0 13px 13px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+  border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar,
+window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar {
+  background-color: #5657f5;
+}
+
+window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:checked,
+window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar,
+window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:hover,
+window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:checked {
+  color: #FFFFFF;
+}
+
+window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:disabled, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:checked:disabled,
+window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:disabled,
+window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:checked:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:checked,
+window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop,
+window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:hover,
+window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:checked {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:disabled, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar:backdrop:checked:disabled,
+window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:disabled,
+window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar:backdrop:checked:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border {
+  border-top-width: 0;
+  border-left-width: 0;
+  border-bottom-width: 0;
+}
+
+window.background.csd > overlay > grid.horizontal .contacts-contact-form {
+  border-bottom-right-radius: 13px;
+}
+
+/******************
+  * Gnome calender *
+  ******************/
+popover.background datechooser day.day.other-month {
+  color: rgba(255, 255, 255, 0.12);
+}
+
+popover.background datechooser day.day.other-month:hover, popover.background datechooser day.day.other-month:active, popover.background datechooser day.day.other-month:checked {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: rgba(255, 255, 255, 0.12);
+}
+
+popover.background datechooser label.weekday {
+  color: rgba(255, 255, 255, 0.7);
+  font-weight: bold;
+}
+
+/****************
+ * Gnome clocks *
+ ****************/
+window.background.csd.unified {
+  border-top-left-radius: 13px;
+  border-top-right-radius: 13px;
+}
+
+window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle {
+  border-top-left-radius: 13px;
+  border-top-right-radius: 13px;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+}
+
+window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer {
+  margin: 0 0;
+  background: none;
+}
+
+window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+
+/****************
+ * Gnome Weather *
+ ****************/
+#weather-page,
+#weekly-forecast-frame {
+  border-bottom-right-radius: 13px;
+}
+
+#weather-page-content-view {
+  border-bottom-right-radius: 13px;
+  border-bottom-left-radius: 13px;
+}
+
+/*********
+  * To Do *
+  *********/
+taskrow {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+
+taskrow:hover {
+  transition: none;
+}
+
+taskrow label {
+  margin: 0 8px;
+}
+
+taskrow image {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -6px;
+}
+
+/*******
+ * eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+#eog-thumb-nav button {
+  -gtk-outline-radius: 7px;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+  border-bottom-left-radius: 13px;
+  border-right: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/********
+ * gitg *
+ ********/
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+list.categories {
+  background-image: image(#44454b);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 5px;
+  background-color: rgba(0, 0, 0, 0.3);
+  color: #FFFFFF;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.geary-main-window.background.csd box.vertical > paned.horizontal > box.sidebar.vertical,
+window#GearyMainWindow.background.csd box.vertical > paned.horizontal > box.sidebar.vertical {
+  border-bottom-left-radius: 13px;
+}
+
+window.geary-main-window.background.csd box.vertical > paned.horizontal > box.sidebar.vertical statusbar,
+window#GearyMainWindow.background.csd box.vertical > paned.horizontal > box.sidebar.vertical statusbar {
+  border-bottom-left-radius: 13px;
+}
+
+window.geary-main-window.background.csd stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+  border-bottom-right-radius: 13px;
+}
+
+window.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox,
+window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox {
+  background: none;
+  border-bottom-right-radius: 13px;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+  border: none;
+}
+
+/************
+ * Terminal *
+ ************/
+window.background > box.vertical > box.horizontal > frame > border {
+  border-width: 0 1px 0 0;
+}
+
+window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list {
+  border-bottom-left-radius: 13px;
+}
+
+window.background > box.vertical > box.horizontal > stack > widget > notebook.frame {
+  border-width: 0;
+}
+
+window.background > box.vertical > box.horizontal > stack > widget > notebook.frame > stack {
+  border-bottom-right-radius: 13px;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border,
+window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border,
+window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border {
+  border: none;
+}
+
+window.background.csd > stack > box > box > list {
+  border-bottom-left-radius: 13px;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > box.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child {
+  border-radius: 0 0 0 13px;
+}
+
+dialog.background.csd > box.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child {
+  border-radius: 0 0 13px 0;
+}
+
+dialog.background.csd > box.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd > box.dialog-vbox > stack > stack > scrolledwindow {
+  border-radius: 0 0 13px 13px;
+  background-color: #31313a;
+}
+
+dialog.background.csd > box.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd > box.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) {
+  background-color: transparent;
+}
+
+dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame {
+  border-radius: 7px;
+}
+
+dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame textview.view {
+  border-radius: 7px;
+}
+
+dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame textview.view > text {
+  background: none;
+}
+
+dialog.background.csd > box.dialog-vbox stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) {
+  background: none;
+}
+
+dialog.background.csd > box.dialog-vbox stack scrolledwindow viewport.frame.view {
+  border-radius: 7px;
+}
+
+/******************
+ * Unified window *
+ ******************/
+window.background.csd.unified headerbar {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+}
+
+window.background.csd.unified headerbar.selection-mode {
+  box-shadow: none;
+}
+
+window.background.csd.unified > decoration-overlay {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+  border-radius: 13px;
+}
+
+window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen > decoration-overlay {
+  box-shadow: none;
+}
+
+window.background.csd.unified.tiled,
+window.background.csd.unified.tiled > decoration,
+window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top,
+window.background.csd.unified.tiled-top > decoration,
+window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right,
+window.background.csd.unified.tiled-right > decoration,
+window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom,
+window.background.csd.unified.tiled-bottom > decoration,
+window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left,
+window.background.csd.unified.tiled-left > decoration,
+window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized,
+window.background.csd.unified.maximized > decoration,
+window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen,
+window.background.csd.unified.fullscreen > decoration,
+window.background.csd.unified.fullscreen > decoration-overlay {
+  border-radius: 0;
+}
+
+.nemo-window .nemo-places-sidebar {
+  background-color: #34343b;
+}
+
+.nemo-window .nemo-places-sidebar.frame {
+  border-width: 0;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 3px;
+  padding: 3px 10px;
+  border: 2px solid #5657f5;
+  background-color: rgba(86, 87, 245, 0.1);
+}
+
+.nemo-window toolbar.primary-toolbar {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 225ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 0 6px;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+  color: #FFFFFF;
+  border: none;
+}
+
+.nemo-window toolbar.primary-toolbar:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window toolbar.primary-toolbar > toolitem > box > button {
+  min-height: 36px;
+  min-width: 36px;
+  margin: 6px 2px;
+  padding: 0 0;
+  border-image: none;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window toolbar.primary-toolbar > toolitem > box > button:hover, .nemo-window toolbar.primary-toolbar > toolitem > box > button:active {
+  color: #FFFFFF;
+}
+
+.nemo-window toolbar.primary-toolbar > toolitem > box > button:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.nemo-window toolbar.primary-toolbar > toolitem > box > button:checked {
+  border-image: none;
+  background-color: #5657f5;
+  color: #FFFFFF;
+  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12);
+}
+
+.nemo-window toolbar.primary-toolbar > toolitem > box > button:checked:disabled {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: rgba(86, 87, 245, 0.5);
+}
+
+.nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop:hover, .nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop:active {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop:checked {
+  background-image: none;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window toolbar.primary-toolbar > toolitem > box > button:backdrop:checked:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.nemo-window toolbar.primary-toolbar .linked.path-bar > button {
+  min-height: 0;
+  margin: 6px 0;
+  padding: 0 12px;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.nemo-window toolbar.primary-toolbar .linked.path-bar > button:hover, .nemo-window toolbar.primary-toolbar .linked.path-bar > button:active, .nemo-window toolbar.primary-toolbar .linked.path-bar > button:checked {
+  color: #FFFFFF;
+}
+
+.nemo-window toolbar.primary-toolbar .linked.path-bar > button:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.nemo-window toolbar.primary-toolbar .linked.path-bar > button:first-child, .nemo-window toolbar.primary-toolbar .linked.path-bar > button:last-child {
+  padding: 0 6px;
+}
+
+.nemo-window toolbar.primary-toolbar .linked.path-bar > button image, .nemo-window toolbar.primary-toolbar .linked.path-bar > button label {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.nemo-window .sidebar scrolledwindow.frame {
+  border: none;
+}
+
+/*********
+ * Tilix *
+ *********/
+.tilix-background {
+  border-radius: 0;
+}
+
+overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16);
+}
+
+overlay > revealer.left > scrolledwindow.frame {
+  margin-right: 32px;
+}
+
+overlay > revealer.right > scrolledwindow.frame {
+  margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+  background-image: image(#44454b);
+}
+
+.terminix-session-sidebar button.tilix-sidebar-close-button,
+.tilix-session-sidebar button.tilix-sidebar-close-button {
+  min-height: 20px;
+  min-width: 20px;
+  padding: 0;
+  background-color: #FF5252;
+}
+
+.terminix-session-sidebar button.tilix-sidebar-close-button, .terminix-session-sidebar button.tilix-sidebar-close-button:hover, .terminix-session-sidebar button.tilix-sidebar-close-button:active, .terminix-session-sidebar button.tilix-sidebar-close-button:checked,
+.tilix-session-sidebar button.tilix-sidebar-close-button,
+.tilix-session-sidebar button.tilix-sidebar-close-button:hover,
+.tilix-session-sidebar button.tilix-sidebar-close-button:active,
+.tilix-session-sidebar button.tilix-sidebar-close-button:checked {
+  color: white;
+}
+
+.terminix-session-sidebar button.tilix-sidebar-close-button:hover,
+.tilix-session-sidebar button.tilix-sidebar-close-button:hover {
+  background-image: image(#ff6c6c);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+.terminix-session-sidebar button.tilix-sidebar-close-button:active, .terminix-session-sidebar button.tilix-sidebar-close-button:checked,
+.tilix-session-sidebar button.tilix-sidebar-close-button:active,
+.tilix-session-sidebar button.tilix-sidebar-close-button:checked {
+  background-image: image(#ff1f1f);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+button.image-button.session-new-button {
+  min-width: 32px;
+}
+
+widget > box.terminal-titlebar {
+  padding: 0 6px;
+}
+
+widget > box.terminal-titlebar > button.flat.popup.toggle {
+  border: none;
+  border-radius: 0;
+  padding: 0 8px;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0;
+}
+
+widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) {
+  padding-right: 6px;
+}
+
+widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) {
+  padding-left: 6px;
+}
+
+widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle {
+  margin: 2px 0;
+  padding: 0;
+  min-height: 24px;
+  min-width: 24px;
+}
+
+/***********
+ * Eclipse *
+ ***********/
+window.background > box.vertical > scrolledwindow > widget toolbar {
+  padding: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar separator,
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+  margin: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+  border-radius: 7px;
+}
+
+/************
+ * Chromium *
+ ************/
+tooltip.chromium {
+  background-color: #31313a;
+}
+
+/***********
+ * Firefox *
+ ***********/
+window.background:not(.csd) > widget > separator {
+  color: rgba(0, 0, 0, 0.2);
+}
+
+window.background:not(.csd) > widget > scrollbar {
+  background-clip: border-box;
+}
+
+window.background:not(.csd) > widget > scrollbar,
+window.background:not(.csd) > widget > frame > border {
+  border-color: rgba(0, 0, 0, 0.2);
+}
+
+window.background:not(.csd) > widget > entry,
+window.background:not(.csd) > widget > button > button {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 8px;
+  box-shadow: none;
+}
+
+window.background:not(.csd) > widget > entry {
+  min-height: 30px;
+}
+
+window.background:not(.csd) > widget > entry:focus {
+  border-color: #5657f5;
+}
+
+window.background:not(.csd) > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+window.background:not(.csd) > widget > button > button:hover {
+  background-image: image(alpha(currentColor, 0.05));
+}
+
+window.background:not(.csd) > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+window.background:not(.csd) > widget > checkbutton > check:not(:checked),
+window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
+  color: #757575;
+}
+
+window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
+window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
+window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
+  color: #212121;
+}
+
+window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
+window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
+  color: rgba(117, 117, 117, 0.5);
+}
+
+window.background:not(.csd) .menu {
+  border-radius: 0;
+}
+
+window.background:not(.csd) > window:not(.csd) > menu,
+window.background:not(.csd) > menu > menu {
+  border: none;
+  border-radius: 0;
+  padding: 4px 0;
+}
+
+window.background:not(.csd) > window:not(.csd) > menu menuitem,
+window.background:not(.csd) > menu > menu menuitem {
+  transition: none;
+  border-radius: 0;
+}
+
+window.background:not(.csd) > window:not(.csd) > menu menuitem:hover,
+window.background:not(.csd) > menu > menu menuitem:hover {
+  background-color: #5657f5;
+}
+
+window.background:not(.csd) > window:not(.csd) > menu menuitem:hover, window.background:not(.csd) > window:not(.csd) > menu menuitem:hover image,
+window.background:not(.csd) > menu > menu menuitem:hover,
+window.background:not(.csd) > menu > menu menuitem:hover image {
+  color: #FFFFFF;
+}
+
+window.background:not(.csd) > window:not(.csd) > menu menuitem:hover accelerator,
+window.background:not(.csd) > menu > menu menuitem:hover accelerator {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+window.background:not(.csd) > window.csd > menu menuitem {
+  transition: none;
+}
+
+window.background:not(.csd) > widget > menubar {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+window.background:not(.csd) > widget > menubar:hover {
+  color: #FFFFFF;
+}
+
+window.background:not(.csd) > widget > menubar:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+window.background:not(.csd) > widget > frame {
+  color: #474751;
+}
+
+window.background:not(.csd) > widget > checkbutton > check,
+window.background:not(.csd) > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+window.background:not(.csd) > window.background > menu > separator {
+  color: #474751;
+}
+
+#MozillaGtkWidget.background, #MozillaGtkWidget.background decoration {
+  border-radius: 2px 2px 0 0;
+}
+
+#MozillaGtkWidget.background headerbar.titlebar {
+  border-radius: 2px 2px 0 0;
+}
+
+#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.titlebutton {
+  min-width: 20px;
+  min-height: 20px;
+  margin: 6px 2px;
+  padding: 0;
+  color: rgba(255, 255, 255, 0.7);
+  background-color: transparent;
+}
+
+window.background.chromium {
+  background-color: #34343b;
+  color: #FFFFFF;
+}
+
+window.background.chromium headerbar.titlebar {
+  padding: 0 18px;
+}
+
+window.background.chromium headerbar.titlebar button.titlebutton.close, window.background.chromium headerbar.titlebar button.titlebutton.maximize, window.background.chromium headerbar.titlebar button.titlebutton.minimize {
+  border: none;
+  min-width: 12px;
+  min-height: 12px;
+  padding: 0;
+  margin: 0 2px;
+  color: transparent;
+}
+
+window.background.chromium headerbar.titlebar button.titlebutton.close:hover, window.background.chromium headerbar.titlebar button.titlebutton.maximize:hover, window.background.chromium headerbar.titlebar button.titlebutton.minimize:hover {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar.titlebar button.titlebutton.close:active, window.background.chromium headerbar.titlebar button.titlebutton.close:checked, window.background.chromium headerbar.titlebar button.titlebutton.maximize:active, window.background.chromium headerbar.titlebar button.titlebutton.maximize:checked, window.background.chromium headerbar.titlebar button.titlebutton.minimize:active, window.background.chromium headerbar.titlebar button.titlebutton.minimize:checked {
+  color: #FFFFFF;
+}
+
+window.background.chromium headerbar.titlebar button.titlebutton.close:hover {
+  padding: 0;
+  margin: 0 2px;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+window.background.chromium headerbar.titlebar button.titlebutton.close:active, window.background.chromium headerbar.titlebar button.titlebutton.close:checked {
+  padding: 0;
+  margin: 0 2px;
+  box-shadow: none;
+  color: #FFFFFF;
+}
+
+window.background.chromium button {
+  border-width: 1px;
+  border-style: solid;
+  border-color: #474751;
+  color: #FFFFFF;
+}
+
+window.background.chromium entry.chromium {
+  border-image: none;
+  border: 1px solid #474751;
+}
+
+window.background.chromium entry.chromium:focus {
+  border-color: #5657f5;
+}
+
+window.background.chromium tooltip.background, window.background.chromium tooltip.background.csd {
+  color: #565656;
+}
+
+window.background.chromium > textview.view {
+  background-color: #34343b;
+  color: #FFFFFF;
+}
+
+window.background.chromium > menubar {
+  background-color: #31313a;
+}
+
+window.background.chromium > menu {
+  color: #FFFFFF;
+  background-color: #3c3c46;
+  border: 1px solid #474751;
+  border-radius: 0;
+}
+
+window.background.chromium > menu > separator, window.background.chromium > menu .separator {
+  background-color: #474751;
+  color: #474751;
+  border: none;
+}
+
+window.background.chromium > menu > menuitem {
+  color: #FFFFFF;
+  border-radius: 0;
+}
+
+window.background.chromium > menu > menuitem:hover {
+  color: #FFFFFF;
+  background-color: #5657f5;
+}
+
+window.background.chromium > menu > menuitem:disabled {
+  color: rgba(255, 255, 255, 0.45);
+}
+
+window.background.chromium > menu > menuitem accelerator {
+  color: rgba(255, 255, 255, 0.45);
+}
+
+/*************
+  * RhythmBox *
+  *************/
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+  margin: -1px 0;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  box-shadow: none;
+  background-color: transparent;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal button,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button {
+  min-height: 36px;
+  min-width: 36px;
+  padding: 0;
+  margin-top: 8px;
+  margin-bottom: 8px;
+  border-radius: 100px;
+  -gtk-outline-radius: 100px;
+}
+
+window.csd > box.vertical > box.vertical > frame,
+window.solid-csd > box.vertical > box.vertical > frame {
+  margin: -1px 0;
+  padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > frame > border,
+window.solid-csd > box.vertical > box.vertical > frame > border {
+  border: none;
+}
+
+window.background > box.vertical > box.vertical > toolbar button,
+window.background > box.vertical > box.vertical > toolbar .linked > button {
+  min-width: 52px;
+  min-height: 52px;
+  padding: 0;
+  margin: 0;
+  border-radius: 100px;
+  -gtk-outline-radius: 100px;
+}
+
+window.background > box.vertical > toolbar.primary-toolbar toolitem:first-child .linked > button.image-button.raised {
+  min-width: 52px;
+  min-height: 52px;
+  margin: 0;
+  padding: 0;
+  border-radius: 100px;
+  -gtk-outline-radius: 100px;
+}
+
+window.background > box.vertical > toolbar.primary-toolbar toolitem:first-child .linked > button.image-button.raised > widget > box > image {
+  padding: 0;
+}
+
+window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised {
+  min-height: 36px;
+  min-width: 36px;
+  padding: 0;
+  border-radius: 100px;
+  -gtk-outline-radius: 100px;
+}
+
+window.background > box.vertical > toolbar.primary-toolbar toolitem button.flat.scale {
+  min-height: 36px;
+  min-width: 36px;
+  padding: 0;
+  margin-top: 12px;
+  margin-bottom: 12px;
+  border-radius: 100px;
+  -gtk-outline-radius: 100px;
+}
+
+/***********
+  *  Geary  *
+  ***********/
+.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > border, .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > border {
+  border-width: 0;
+}
+
+.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > scrolledwindow:dir(ltr), .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > scrolledwindow:dir(ltr) {
+  border: none;
+}
+
+.sidebar.vertical > paned.geary-sidebar-pane-separator .geary-folder-frame > scrolledwindow:dir(rtl), .sidebar.vertical > paned.sidebar-pane-separator .folder-frame > scrolledwindow:dir(rtl) {
+  border: none;
+}
+
+.solid-csd .geary-titlebar-right, .solid-csd .geary-titlebar-left {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.geary-titlebar-right separator,
+.geary-titlebar-left separator {
+  opacity: 0;
+}
+
+stack#conversation_viewer scrolledwindow.geary-conversation-scroller > viewport.frame {
+  border: none;
+}
+
+popover.background list.geary-folder-popover-list row.activatable.geary-folder-popover-list-row label {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+popover.background list.geary-folder-popover-list row.activatable.geary-folder-popover-list-row label:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+/************
+ * Inkscape *
+ ************/
+#ToolboxCommon > #AuxToolbox #StyleSwatch {
+  font-size: smaller;
+}
+
+#ToolboxCommon > #AuxToolbox #Kludge {
+  padding: 0;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton,
+#ToolboxCommon > #AuxToolbox entry {
+  min-height: 32px;
+}
+
+#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 4px 8px;
+  border-radius: 7px;
+  -gtk-outline-radius: 7px;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton button {
+  border-width: 4px;
+}
+
+#ToolboxCommon > toolbar.vertical {
+  margin-top: -4px;
+}
+
+#ToolboxCommon > toolbar.vertical button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px;
+  border-radius: 7px;
+  -gtk-outline-radius: 7px;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+#Canvas_and_Dock frame > border {
+  border: none;
+}
+
+#Canvas_and_Dock widget > widget > button.flat {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+}
+
+#Canvas_and_Dock widget > widget > box.horizontal image {
+  padding: 4px;
+}
+
+#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
+  min-height: 16px;
+  min-width: 24px;
+  padding: 8px 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+box.vertical > widget > widget:selected {
+  background-color: #5657f5;
+}
+
+/***********
+ *  xfce4  *
+ ***********/
+.xfce4-panel button, .xfce4-panel button.flat {
+  color: rgba(255, 255, 255, 0.7);
+  border-radius: 0;
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.xfce4-panel button:hover:not(:active):not(:checked) {
+  color: #FFFFFF;
+  box-shadow: inset 0 -2px rgba(124, 77, 255, 0.5);
+}
+
+.xfce4-panel button:checked, .xfce4-panel button:active {
+  color: #FFFFFF;
+  background: none;
+  box-shadow: inset 0 -2px #7C4DFF;
+}
+
+.xfce4-panel button:checked label, .xfce4-panel button:checked image, .xfce4-panel button:active label, .xfce4-panel button:active image {
+  color: inherit;
+}
+
+.XfceHeading {
+  border: 0 none transparent;
+  background-color: #34343b;
+  color: #FFFFFF;
+}
+
+.xfce4-panel {
+  background-color: #25252d;
+  color: rgba(255, 255, 255, 0.7);
+  font-weight: 700;
+  text-shadow: none;
+  -gtk-icon-shadow: none;
+}
+
+.xfce4-panel,
+.xfce4-panel frame > border {
+  border: none;
+}
+
+.xfce4-panel#XfcePanelWindow {
+  border: none;
+}
+
+.xfce4-panel button {
+  font-weight: 700;
+}
+
+.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover {
+  box-shadow: none;
+}
+
+.xfce4-panel button#launcher-arrow + button.toggle:checked {
+  color: #7C4DFF;
+  box-shadow: none;
+}
+
+.xfce4-panel button#xfce4-notification-plugin {
+  padding: 0 1px;
+}
+
+.xfce4-panel menu {
+  font-weight: 400;
+  text-shadow: none;
+  -gtk-icon-effect: none;
+}
+
+.xfce4-panel widget.tasklist > button.toggle {
+  font-weight: 400;
+}
+
+XfdesktopIconView.view {
+  border-radius: 5px;
+  background: transparent;
+  color: #FFFFFF;
+  text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12);
+}
+
+XfdesktopIconView.view:active, XfdesktopIconView.view:checked {
+  background-color: #5657f5;
+  text-shadow: none;
+}
+
+window#whiskermenu-window {
+  background-color: #31313a;
+}
+
+window#whiskermenu-window > frame > border {
+  border-radius: 0;
+}
+
+window#whiskermenu-window scrolledwindow > viewport button.radio:not(:disabled) {
+  border-radius: 3px;
+}
+
+window#whiskermenu-window scrolledwindow > viewport button.radio:hover {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+window#whiskermenu-window scrolledwindow > viewport button.radio:checked {
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+window#whiskermenu-window scrolledwindow treeview.view:selected:hover {
+  background-color: rgba(255, 255, 255, 0.05);
+  color: #FFFFFF;
+}
+
+window.thunar .sidebar {
+  border-top: none;
+}
+
+window.thunar toolbar#location-toolbar {
+  background-color: #31313a;
+  color: #FFFFFF;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+window.thunar toolbar#location-toolbar entry {
+  min-height: 0;
+}
+
+window.thunar toolbar#location-toolbar button {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+window.thunar toolbar#location-toolbar button:hover, window.thunar toolbar#location-toolbar button:active, window.thunar toolbar#location-toolbar button:checked {
+  color: #FFFFFF;
+}
+
+window.thunar toolbar#location-toolbar button:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+window.thunar notebook stack > scrolledwindow.frame.standard-view {
+  border-top-width: 0;
+  border-right-width: 0;
+}
+
+window.thunar notebook stack > scrolledwindow.frame.standard-view widget.view {
+  border-radius: 3px;
+}
+
+window.thunar notebook header.top tab.reorderable-page > box > label {
+  min-height: 0;
+}
+
+menubar.-vala-panel-appmenu-private,
+menubar.-vala-panel-background {
+  background: none;
+  border: none;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem,
+menubar.-vala-panel-background > menuitem {
+  color: rgba(255, 255, 255, 0.8);
+  font-weight: normal;
+}
+
+menubar.-vala-panel-appmenu-private > menuitem:hover,
+menubar.-vala-panel-background > menuitem:hover {
+  color: #FFFFFF;
+  border-radius: 0 0 0 0;
+}
+
+/*********
+ * Unity *
+ *********/
+UnityDecoration {
+  -UnityDecoration-extents: 28px 0 0 0;
+  -UnityDecoration-input-extents: 8px;
+  -UnityDecoration-shadow-offset-x: 0;
+  -UnityDecoration-shadow-offset-y: 3px;
+  -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
+  -UnityDecoration-active-shadow-radius: 18px;
+  -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
+  -UnityDecoration-inactive-shadow-radius: 6px;
+  -UnityDecoration-glow-size: 8px;
+  -UnityDecoration-glow-color: #5657f5;
+  -UnityDecoration-title-indent: 4px;
+  -UnityDecoration-title-fade: 32px;
+  -UnityDecoration-title-alignment: 0.0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 13px 13px 0 0;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #31313a;
+  color: #FFFFFF;
+}
+
+UnityDecoration .top:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 7px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: #25252d;
+  color: #FFFFFF;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+  animation: spin 1s linear infinite;
+  color: #5657f5;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: #25252d;
+  font-weight: 500;
+}
+
+.mate-panel-menu-bar:not(.popup) {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+PanelToplevel.horizontal > grid > button {
+  min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+  min-height: 24px;
+}
+
+PanelSeparator {
+  color: rgba(255, 255, 255, 0.08);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: transparent;
+}
+
+.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
+  border-width: 0 1px;
+}
+
+.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
+  border-width: 1px 0;
+}
+
+.mate-panel-menu-bar menubar > menuitem {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  background-color: rgba(255, 255, 255, 0.08);
+  color: #FFFFFF;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.mate-panel-menu-bar.horizontal menubar > menuitem {
+  padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical menubar > menuitem {
+  padding: 8px 0;
+}
+
+.mate-panel-menu-bar menubar menu > menuitem {
+  min-height: 28px;
+  padding: 0 6px;
+}
+
+.mate-panel-menu-bar #PanelApplet button {
+  -GtkWidget-window-dragging: true;
+}
+
+.mate-panel-menu-bar #tasklist-button {
+  color: rgba(255, 255, 255, 0.7);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.12);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
+  padding-left: 4px;
+}
+
+.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
+  padding-right: 4px;
+}
+
+.mate-panel-menu-bar.vertical #tasklist-button {
+  min-height: 32px;
+}
+
+.mate-panel-menu-bar.horizontal #showdesktop-button image {
+  min-width: 24px;
+  padding: 0 4px;
+}
+
+.mate-panel-menu-bar.vertical #showdesktop-button image {
+  min-height: 24px;
+  padding: 4px 0;
+}
+
+PanelApplet.wnck-applet .wnck-pager {
+  background-color: transparent;
+  color: #5C6BC0;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: rgba(255, 255, 255, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #5657f5;
+}
+
+#clock-applet-button {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.mate-panel-menu-bar.horizontal #clock-applet-button label {
+  padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical #clock-applet-button label {
+  padding: 8px 0;
+}
+
+#MatePanelPopupWindow {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 6px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow ClockMap {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+#MatePanelPopupWindow widget {
+  color: rgba(255, 255, 255, 0.08);
+}
+
+na-tray-applet {
+  -NaTrayApplet-icon-padding: 3px;
+  -NaTrayApplet-icon-size: 16;
+}
+
+.mate-panel-menu-bar {
+  -PanelMenuBar-icon-visible: true;
+}
+
+.mate-panel-applet-slider {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 6px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #34343b;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: rgba(255, 255, 255, 0.12);
+  color: #FFFFFF;
+}
+
+#mate-menu {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #FFFFFF;
+  font-weight: normal;
+}
+
+#mate-menu button label:not(:first-child) {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 8px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 8px;
+  padding: 6px;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 5px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button > widget {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -GtkArrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+  background-color: #31313a;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: #34343b;
+}
+
+#caja-extra-view-widget > box > box > label {
+  font-weight: bold;
+}
+
+/*********
+ * Pluma *
+ *********/
+.pluma-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.pluma-window statusbar frame > border {
+  border-style: none;
+}
+
+.pluma-window statusbar frame button.flat {
+  padding: 0 4px;
+  border-radius: 0;
+}
+
+.pluma-window statusbar frame button.flat widget {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -GtkArrow-arrow-scaling: 1;
+}
+
+.pluma-print-preview toolbar {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
+  margin: 1px;
+}
+
+.pluma-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame {
+  margin-top: -1px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border-radius: 5px;
+  box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button {
+  color: rgba(255, 255, 255, 0.7);
+  background-color: transparent;
+  box-shadow: none;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:hover {
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.1);
+  box-shadow: none;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:disabled {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: transparent;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:checked {
+  background-color: rgba(255, 255, 255, 0.15);
+  color: #FFFFFF;
+  box-shadow: none;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:active {
+  background-color: rgba(255, 255, 255, 0.12);
+  color: #FFFFFF;
+  box-shadow: none;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button:checked:disabled {
+  background-color: rgba(255, 255, 255, 0.08);
+  color: rgba(255, 255, 255, 0.65);
+  box-shadow: none;
+}
+
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+  padding: 0 2px;
+  margin: 0;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+  margin: 4px 2px;
+  min-height: 16px;
+  border-radius: 7px;
+  -gtk-outline-radius: 7px;
+}
+
+.budgie-settings-window list.sidebar {
+  background-color: #31313a;
+  border-radius: 0 0 0 13px;
+}
+
+.budgie-popover {
+  border-color: #44454b;
+  border-radius: 9px;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+  background-color: #3c3c46;
+}
+
+.budgie-popover .container {
+  padding: 6px;
+}
+
+.budgie-popover .container .container {
+  padding: 0;
+}
+
+.budgie-popover border {
+  border: none;
+}
+
+.budgie-popover list {
+  background-color: transparent;
+}
+
+.budgie-popover row {
+  padding: 0;
+}
+
+.budgie-popover row:hover {
+  box-shadow: none;
+}
+
+.budgie-popover switch {
+  margin-left: 56px;
+  margin-right: 6px;
+}
+
+.budgie-popover button {
+  border-radius: 3px;
+}
+
+.budgie-popover button:checked {
+  color: white;
+  background-color: #5657f5;
+}
+
+.budgie-popover .linked entry:first-child, .budgie-popover .linked entry:last-child {
+  border-radius: 0;
+}
+
+.budgie-popover .linked:not(.vertical) > combobox > box > button.combo {
+  border-radius: 0;
+}
+
+.budgie-popover .linked:not(.vertical) > combobox:first-child > box > button.combo {
+  border-radius: 0;
+}
+
+.budgie-popover .linked:not(.vertical) > combobox:last-child > box > button.combo {
+  border-radius: 0;
+}
+
+.budgie-popover .linked:not(.vertical) > combobox:only-child > box > button.combo {
+  border-radius: 0;
+}
+
+.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #FFFFFF;
+  font-weight: normal;
+}
+
+.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.budgie-popover.user-menu separator {
+  margin: 3px 0;
+}
+
+.budgie-popover.sound-popover separator {
+  margin: 3px 0;
+}
+
+.budgie-popover.caffeine-popover .container {
+  padding: 9px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+  margin-left: 6px;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 4px;
+  padding-top: 4px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover .container {
+  padding: 2px 6px 6px;
+}
+
+.budgie-popover.workspace-popover separator {
+  margin: 3px 0;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+window.budgie-popover:not(.csd) > frame.container {
+  margin: 0 -1px -1px;
+}
+
+.bottom window.budgie-popover:not(.csd) > frame.container {
+  padding: 2px 0 2px;
+}
+
+window.budgie-popover:not(.csd) > frame.container,
+window.budgie-popover:not(.csd) > frame.container > border {
+  border-style: none;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(255, 255, 255, 0.12);
+}
+
+.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) {
+  border-left-width: 1px;
+}
+
+.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) {
+  border-right-width: 1px;
+}
+
+.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout {
+  border-top-width: 1px;
+}
+
+.workspace-switcher .workspace-item,
+.workspace-switcher .workspace-add-button {
+  border: 0 solid rgba(255, 255, 255, 0.12);
+}
+
+.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) {
+  border-right-width: 1px;
+}
+
+.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) {
+  border-left-width: 1px;
+}
+
+.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button {
+  border-bottom-width: 1px;
+}
+
+.workspace-switcher .workspace-item {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: rgba(255, 255, 255, 0.12);
+}
+
+.workspace-switcher .workspace-add-button:hover {
+  box-shadow: none;
+}
+
+.workspace-switcher .workspace-add-button:active {
+  background-image: none;
+}
+
+.workspace-switcher .workspace-add-button:active image {
+  margin: 1px 0 -1px;
+}
+
+.budgie-panel .workspace-switcher .workspace-icon-button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 7px;
+}
+
+.budgie-menu.background {
+  padding: 0;
+  background-color: #31313a;
+}
+
+.budgie-menu scrollbar,
+.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-menu entry.search {
+  border-radius: 0;
+  font-size: 120%;
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2);
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+.budgie-menu entry.search:focus {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2);
+}
+
+.budgie-menu .categories:dir(ltr) {
+  border-bottom-left-radius: 5px;
+}
+
+.budgie-menu .categories:dir(rtl) {
+  border-bottom-right-radius: 5px;
+}
+
+.budgie-menu button {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+  color: #FFFFFF;
+  font-weight: normal;
+}
+
+.budgie-menu button:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.budgie-menu button:checked:disabled {
+  background-color: #5657f5;
+}
+
+.budgie-menu row {
+  padding: 0;
+}
+
+.budgie-menu row:hover {
+  box-shadow: none;
+}
+
+.budgie-menu list.left-overlay-menu {
+  box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #31313a;
+  padding: 6px;
+  margin: 6px;
+  border-radius: 8px;
+}
+
+.budgie-menu list.left-overlay-menu > row.activatable {
+  border-radius: 2px;
+}
+
+.budgie-menu list.left-overlay-menu > row.activatable:not(:last-child) {
+  margin-bottom: 3px;
+}
+
+.budgie-menu list.left-overlay-menu > row.activatable button.menuitem {
+  border-radius: 2px;
+}
+
+.budgie-menu .budgie-menu-footer {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  padding: 6px;
+}
+
+.budgie-menu .budgie-menu-footer button.flat {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 6px;
+  border-radius: 2px;
+}
+
+.budgie-menu .budgie-menu-footer button.flat.image-button {
+  border-radius: 9999px;
+}
+
+.budgie-menu .budgie-menu-footer button.flat.image-button:not(.last-child) {
+  margin-right: 6px;
+}
+
+popover.background.user-menu {
+  padding: 8px;
+}
+
+popover.background.user-menu .content-box {
+  background-color: transparent;
+}
+
+popover.background.user-menu separator {
+  margin: 4px 0;
+}
+
+popover.background.user-menu row {
+  padding: 0;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.background.places-menu {
+  padding: 8px;
+}
+
+popover.background.places-menu .name-button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+popover.background.places-menu .name-button.text-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+popover.background.places-menu .name-button.text-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+popover.background.places-menu .places-section-header > image:dir(ltr) {
+  margin: 0 -2px 0 5px;
+}
+
+popover.background.places-menu .places-section-header > image:dir(rtl) {
+  margin: 0 5px 0 -2px;
+}
+
+popover.background.places-menu .places-list {
+  margin-top: 4px;
+  padding-top: 4px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: transparent;
+}
+
+popover.background.places-menu row {
+  padding: 0;
+  box-shadow: none;
+  background-image: none;
+}
+
+.budgie-panel {
+  transition: background-color 225ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #25252d;
+  color: rgba(255, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: rgba(37, 37, 45, 0.85);
+}
+
+.bottom .budgie-panel.dock-mode {
+  border-radius: 13px 13px 0 0;
+}
+
+.bottom .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher {
+  border-top-left-radius: 13px;
+}
+
+.bottom .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher {
+  border-top-right-radius: 13px;
+}
+
+.left .budgie-panel.dock-mode {
+  border-radius: 0 13px 13px 0;
+}
+
+.left .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher {
+  border-top-right-radius: 13px;
+}
+
+.left .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher {
+  border-bottom-right-radius: 13px;
+}
+
+.right .budgie-panel.dock-mode {
+  border-radius: 13px 0 0 13px;
+}
+
+.right .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher {
+  border-top-left-radius: 13px;
+}
+
+.right .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher {
+  border-bottom-left-radius: 13px;
+}
+
+.budgie-panel button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel button:hover {
+  color: #FFFFFF;
+}
+
+.budgie-panel button:checked {
+  background-color: rgba(255, 255, 255, 0.12);
+  color: #FFFFFF;
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:hover {
+  color: #FFFFFF;
+}
+
+.budgie-panel menubar > menuitem:disabled,
+.budgie-panel .menubar > menuitem:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.budgie-panel menubar > menuitem menu,
+.budgie-panel .menubar > menuitem menu {
+  border-radius: 0 0 8px 8px;
+}
+
+.budgie-panel menubar > menuitem menu menu,
+.budgie-panel .menubar > menuitem menu menu {
+  border-radius: 8px;
+}
+
+.budgie-panel menubar > menuitem menu separator,
+.budgie-panel .menubar > menuitem menu separator {
+  background: none;
+}
+
+.budgie-panel .alert {
+  color: #66BB6A;
+}
+
+.budgie-panel #tasklist-button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical #tasklist-button {
+  min-height: 32px;
+}
+
+.budgie-panel button.flat.launcher {
+  padding: 0;
+}
+
+.budgie-panel button.flat.launcher:checked, .budgie-panel button.flat.launcher:active {
+  background-color: rgba(255, 255, 255, 0.15);
+  color: #FFFFFF;
+  transition: background-color 0, border-image 300ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.budgie-panel button.flat.launcher:not(:checked) {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
+  border-image: radial-gradient(circle closest-corner at center calc(1px), #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(1px), #7C4DFF 100%, transparent 0%) 3 0 0 0/3px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #7C4DFF 100%, transparent 0%) 0 0 3 0/0 0 3px 0;
+}
+
+.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
+  border-image: radial-gradient(circle closest-corner at calc(1px) center, #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked {
+  border-image: radial-gradient(circle closest-corner at calc(1px) center, #7C4DFF 100%, transparent 0%) 0 0 0 3/0 0 0 3px;
+}
+
+.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
+  border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #7C4DFF 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked {
+  border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #7C4DFF 100%, transparent 0%) 0 3 0 0/0 3px 0 0;
+}
+
+
+button.flat.launcher {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+  background-position: center center;
+}
+
+
+button.flat.launcher > image {
+  opacity: 0.87;
+}
+
+
+button.flat.launcher:hover {
+  -gtk-icon-effect: highlight;
+}
+
+
+button.flat.launcher:hover > image {
+  opacity: 1.0;
+}
+
+
+button.flat.launcher:active > image {
+  opacity: 1.0;
+}
+
+
+button.flat.launcher:checked {
+  background-color: transparent;
+}
+
+
+button.flat.launcher:checked:hover {
+  -gtk-icon-effect: highlight;
+}
+
+
+button.flat.launcher:checked > image {
+  opacity: 1.0;
+}
+
+
+.unpinned button.flat.launcher:hover,
+.pinned button.flat.launcher.running:hover,
+.pinned button.launcher.running.sidebar-button:hover {
+  -gtk-icon-effect: highlight;
+}
+
+
+.unpinned button.flat.launcher > image,
+.pinned button.flat.launcher.running > image,
+.pinned button.launcher.running.sidebar-button > image {
+  background-repeat: no-repeat;
+  opacity: 1.0;
+}
+
+
+.unpinned button.flat.launcher:checked > image,
+.pinned button.flat.launcher.running:checked > image,
+.pinned button.launcher.running.sidebar-button:checked > image {
+  background-image: none;
+}
+
+.top .budgie-panel .unpinned button.flat.launcher > image,
+.top .budgie-panel .pinned button.flat.launcher.running > image,
+.top .budgie-panel .pinned button.launcher.running.sidebar-button > image {
+  background-image: image(#7C4DFF);
+  background-size: 6px 3px;
+  background-position: top center;
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked,
+.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked {
+  background-color: rgba(255, 255, 255, 0.15);
+  color: #FFFFFF;
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked:hover,
+.top .budgie-panel .pinned button.flat.launcher.running:checked:hover,
+.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover {
+  transition: none;
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked > image,
+.top .budgie-panel .pinned button.flat.launcher.running:checked > image,
+.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image {
+  background-image: none;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher > image,
+.bottom .budgie-panel .pinned button.flat.launcher.running > image,
+.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image {
+  background-image: image(#7C4DFF);
+  background-size: 6px 3px;
+  background-position: bottom center;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked,
+.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked {
+  background-color: rgba(255, 255, 255, 0.15);
+  color: #FFFFFF;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked:hover,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked:hover,
+.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover {
+  transition: none;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked > image,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image,
+.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image {
+  background-image: none;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher > image,
+.left .budgie-panel .pinned button.flat.launcher.running > image,
+.left .budgie-panel .pinned button.launcher.running.sidebar-button > image {
+  background-image: image(#7C4DFF);
+  background-size: 3px 6px;
+  background-position: left center;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked,
+.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked {
+  background-color: rgba(255, 255, 255, 0.15);
+  color: #FFFFFF;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked:hover,
+.left .budgie-panel .pinned button.flat.launcher.running:checked:hover,
+.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover {
+  transition: none;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked > image,
+.left .budgie-panel .pinned button.flat.launcher.running:checked > image,
+.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image {
+  background-image: none;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher > image,
+.right .budgie-panel .pinned button.flat.launcher.running > image,
+.right .budgie-panel .pinned button.launcher.running.sidebar-button > image {
+  background-image: image(#7C4DFF);
+  background-size: 3px 6px;
+  background-position: right center;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked,
+.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked {
+  background-color: rgba(255, 255, 255, 0.15);
+  color: #FFFFFF;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked:hover,
+.right .budgie-panel .pinned button.flat.launcher.running:checked:hover,
+.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked:hover {
+  transition: none;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked > image,
+.right .budgie-panel .pinned button.flat.launcher.running:checked > image,
+.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image {
+  background-image: none;
+}
+
+box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher, box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher:checked {
+  border-image: none;
+}
+
+widget.icon-tasklist > box:drop(active),
+box.pinned:drop(active) {
+  border: none;
+  border-radius: 0;
+  background-color: rgba(255, 167, 38, 0.2);
+  box-shadow: inset 0 0 0 1px #FFA726;
+}
+
+*:drop(active):focus,
+*:drop(active) {
+  box-shadow: inset 0 0 0 1px #FFA726;
+}
+
+frame.raven-frame > border {
+  border-style: none;
+  box-shadow: none;
+}
+
+.top .shadow-block {
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent);
+}
+
+.bottom .shadow-block {
+  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent);
+}
+
+.left .shadow-block {
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent);
+}
+
+.right .shadow-block {
+  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.08), transparent);
+}
+
+.raven {
+  background-color: rgba(49, 49, 58, 0.95);
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven > stack {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked > button {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
+  border-radius: 0;
+}
+
+.raven stackswitcher.linked > button:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+  background-color: transparent;
+}
+
+.raven .raven-header {
+  min-height: 36px;
+  padding: 3px;
+}
+
+.raven .raven-header:not(.top) {
+  margin-top: -6px;
+}
+
+.raven .raven-header.top {
+  padding: 0 0;
+  background-color: #31313a;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0;
+  min-height: 36px;
+  padding: 6px 24px;
+}
+
+.raven .raven-header.top button.image-button:dir(ltr) {
+  margin-right: 2px;
+}
+
+.raven .raven-header.top button.image-button:dir(rtl) {
+  margin-left: 2px;
+}
+
+.raven .raven-header.top > image {
+  margin: 0 8px;
+}
+
+.raven .raven-header.top > label {
+  margin: 0 -8px;
+  font-weight: bold;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.raven viewport.frame .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+}
+
+.raven .raven-background.frame {
+  border-style: solid none;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(255, 255, 255, 0.08);
+}
+
+.raven .raven-background grid > label:first-child {
+  min-height: 36px;
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.raven .raven-header.top + .raven-background {
+  border-style: none;
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+.raven .raven-header.top + .raven-background stackswitcher button {
+  margin: -4px 0;
+}
+
+.raven .powerstrip button {
+  margin: 2px 0 1px;
+  padding: 12px;
+}
+
+.raven .option-subtitle {
+  font-size: smaller;
+}
+
+.raven .audio-widget scale.marks-after {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.raven .audio-widget scale.marks-after label {
+  font-size: 90%;
+  padding: 0;
+  margin: -10px 0 0 6px;
+}
+
+.raven .audio-widget button.flat.expander-button {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
+  background-color: rgba(255, 255, 255, 0.06);
+  color: #FFFFFF;
+  box-shadow: inset 2px 0 #5657f5;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label {
+  color: #FFFFFF;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+  padding-left: 16px;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+  border-radius: 7px;
+  background-color: #5657f5;
+}
+
+.raven-mpris {
+  background-color: rgba(0, 0, 0, 0.6);
+  color: #FFFFFF;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 12px;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame {
+  padding: 0;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list {
+  background-color: transparent;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable {
+  margin-left: -8px;
+  margin-right: -2px;
+  background-color: transparent;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable > grid > *,
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable > box.vertical * {
+  color: #FFFFFF;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable image {
+  padding-left: 8px;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable button.image-button {
+  min-height: 32px;
+  min-width: 32px;
+  margin: 8px;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable button.image-button image {
+  padding: 0;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list {
+  border-radius: 2px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable:last-child {
+  border-bottom: none;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable:hover {
+  background-color: rgba(255, 255, 255, 0.06);
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable label {
+  padding: 0 16px;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button {
+  min-height: 24px;
+  min-width: 24px;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable list row.activatable button.image-button image {
+  padding: 0;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected {
+  background-color: rgba(86, 87, 245, 0.75);
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected > grid > *,
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected > box.vertical * {
+  color: white;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button {
+  border: none;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button:hover {
+  background-color: rgba(255, 255, 255, 0.25);
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button:active, box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected button.image-button:checked {
+  background-color: rgba(255, 255, 255, 0.35);
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list {
+  border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list > row.activatable {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list > row.activatable:last-child {
+  border-bottom: none;
+}
+
+box.vertical > stack > box.vertical .raven-background > viewport.frame list > row.activatable:selected list > row.activatable:selected {
+  background-color: rgba(86, 87, 245, 0.65);
+}
+
+.drop-shadow {
+  margin: 50px;
+  padding: 6px;
+  border-radius: 13px;
+  box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: rgba(68, 69, 75, 0.95);
+}
+
+.drop-shadow .linked > button {
+  border-radius: 7px;
+}
+
+.budgie-notification-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title, .budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.budgie-switcher-window {
+  background-color: transparent;
+}
+
+.budgie-power-dialog.background {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: rgba(68, 69, 75, 0.95);
+  border-radius: 19px;
+}
+
+.budgie-power-dialog .titlebar {
+  background: none;
+  box-shadow: none;
+}
+
+.budgie-run-dialog, .budgie-polkit-dialog,
+.budgie-session-dialog {
+  border-radius: 7px;
+  background-color: #44454b;
+}
+
+.budgie-run-dialog decoration, .budgie-polkit-dialog decoration,
+.budgie-session-dialog decoration {
+  border-radius: 7px;
+}
+
+.background.budgie-run-dialog, .background.budgie-polkit-dialog,
+.background.budgie-session-dialog {
+  border-radius: 7px;
+}
+
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-session-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 0;
+}
+
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-session-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 7px;
+}
+
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-session-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 7px;
+}
+
+.budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover,
+.budgie-session-dialog .linked.horizontal > button.suggested-action,
+.budgie-session-dialog .linked.horizontal > button.suggested-action:hover {
+  color: #7C4DFF;
+}
+
+.budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked,
+.budgie-session-dialog .linked.horizontal > button.suggested-action:active,
+.budgie-session-dialog .linked.horizontal > button.suggested-action:checked {
+  background-color: #7C4DFF;
+  color: white;
+  border-color: #7C4DFF;
+  box-shadow: none;
+}
+
+.budgie-polkit-dialog .linked.horizontal > button.suggested-action:disabled,
+.budgie-session-dialog .linked.horizontal > button.suggested-action:disabled {
+  opacity: 0.65;
+}
+
+.budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover,
+.budgie-session-dialog .linked.horizontal > button.destructive-action,
+.budgie-session-dialog .linked.horizontal > button.destructive-action:hover {
+  color: #FF5252;
+}
+
+.budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked,
+.budgie-session-dialog .linked.horizontal > button.destructive-action:active,
+.budgie-session-dialog .linked.horizontal > button.destructive-action:checked {
+  background-color: #FF5252;
+  color: white;
+  border-color: #FF5252;
+  box-shadow: none;
+}
+
+.budgie-polkit-dialog .linked.horizontal > button.destructive-action:disabled,
+.budgie-session-dialog .linked.horizontal > button.destructive-action:disabled {
+  opacity: 0.65;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #FF5252;
+}
+
+.budgie-run-dialog {
+  background-color: #31313a;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 6px 14px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body {
+  opacity: 1;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.budgie-panel box.titlebar {
+  min-width: 16px;
+  min-height: 16px;
+  border-radius: 0;
+  background: unset;
+  box-shadow: none;
+  border: none;
+}
+
+.budgie-panel box.titlebar > widget > label {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel box.titlebar > button.image-button.titlebutton {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  margin: 0;
+  background: none;
+  box-shadow: none;
+  border: none;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel box.titlebar > button.image-button.titlebutton image {
+  border-radius: 100px;
+  background-size: 16px 16px;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+.budgie-panel box.titlebar > button.image-button.titlebutton:hover {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.budgie-panel box.titlebar > button.image-button.titlebutton:hover image {
+  background-image: image(rgba(255, 255, 255, 0.12));
+}
+
+.budgie-panel box.titlebar > button.image-button.titlebutton:active {
+  color: #FFFFFF;
+}
+
+.budgie-panel box.titlebar > button.image-button.titlebutton:active image {
+  background-image: image(rgba(255, 255, 255, 0.3));
+}
+
+.budgie-panel box.titlebar > button.image-button.titlebutton.close {
+  padding: 0;
+  margin: 0;
+  box-shadow: none;
+}
+
+.budgie-panel box.titlebar > button.image-button.titlebutton.close:hover image {
+  background-image: image(#EF5350);
+}
+
+.budgie-panel box.titlebar > button.image-button.titlebutton.close:active image {
+  background-image: image(#5657f5);
+}
+
+.budgie-panel box.titlebar > button.image-button.titlebutton:disabled image {
+  opacity: 0;
+}
+
+.budgie-panel box.titlebar.horizontal {
+  padding: 0 3px;
+}
+
+.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) {
+  padding-right: 3px;
+}
+
+.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) {
+  padding-left: 3px;
+}
+
+.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton {
+  padding: 0 3px;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: rgba(66, 66, 73, 0.85);
+  color: #FFFFFF;
+}
+
+#panel_window menubar,
+#panel_window separator {
+  background-color: transparent;
+}
+
+#panel_window separator {
+  padding: 0 4px;
+}
+
+#panel_window separator:first-child {
+  padding: 0 8px;
+}
+
+#panel_window menubar > menuitem {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #FFFFFF;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #44454b;
+}
+
+#content_frame {
+  padding-bottom: 20px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: transparent;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+
+#greeter_infobar {
+  margin-top: -1px;
+}
+
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color currentColor;
+/*
+widget base background color */
+@define-color theme_bg_color #34343b;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #31313a;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #5657f5;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #FFFFFF;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #34343b;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color alpha(currentColor, 0.5);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #3b3b43;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color currentColor;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #34343b;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #31313a;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #5657f5;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #FFFFFF;
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color alpha(currentColor, 0.5);
+/*
+widgets main borders color */
+@define-color borders alpha(currentColor, 0.12);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders alpha(currentColor, 0.12);
+/*
+these are pretty self explicative */
+@define-color warning_color #FF6D00;
+@define-color error_color #DD2C00;
+@define-color success_color #00C853;
+/*
+FIXME this is really an API */
+@define-color content_view_bg #31313a;
+@define-color placeholder_text_color #c1c1c4;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #232329;
+@define-color budgie_tasklist_indicator_color #7C4DFF;
+@define-color budgie_tasklist_indicator_color_active #7C4DFF;
+@define-color budgie_tasklist_indicator_color_active_window rgba(90, 62, 174, 0.931);
+@define-color budgie_tasklist_indicator_color_attention #FF6D00;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
diff --git a/gtk-4.0/assets b/gtk-4.0/assets
new file mode 120000
index 0000000..ac77667
--- /dev/null
+++ b/gtk-4.0/assets
@@ -0,0 +1 @@
+../gtk-assets
\ No newline at end of file
diff --git a/gtk-4.0/gtk-dark.css b/gtk-4.0/gtk-dark.css
new file mode 100644
index 0000000..afd25a3
--- /dev/null
+++ b/gtk-4.0/gtk-dark.css
@@ -0,0 +1,7542 @@
+@keyframes ripple_effect {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes scale_ripple_effect {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes header_ripple_effect {
+  from {
+    background-image: radial-gradient(circle, #5657f5 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #5657f5 100%, transparent 0%);
+  }
+}
+
+* {
+  padding: 0;
+  background-clip: padding-box;
+  -gtk-secondary-caret-color: #5657f5;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #34343b;
+  color: #FFFFFF;
+}
+
+.background.csd {
+  border-radius: 13px;
+  background-color: #34343b;
+}
+
+.background.maximized, .background.tiled, .background.fullscreen, .background.solid-csd {
+  border-radius: 0;
+}
+
+dnd {
+  color: #FFFFFF;
+}
+
+.normal-icons {
+  -gtk-icon-size: 16px;
+}
+
+.large-icons {
+  -gtk-icon-size: 32px;
+}
+
+spinner:disabled,
+arrow:disabled,
+scrollbar:disabled,
+check:disabled,
+radio:disabled,
+treeview.expander:disabled {
+  -gtk-icon-filter: opacity(0.5);
+}
+
+iconview, .view {
+  background-color: #31313a;
+  color: #FFFFFF;
+}
+
+iconview:disabled, .view:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+textview > text {
+  background-color: #31313a;
+}
+
+textview > border {
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+textview:drop(active) {
+  caret-color: #FFA726;
+}
+
+iconview {
+  border-radius: 5px;
+}
+
+iconview > dndtarget:drop(active) {
+  border: none;
+}
+
+rubberband, .content-view > rubberband, columnview.view > rubberband,
+treeview.view > rubberband, gridview > rubberband, flowbox > rubberband {
+  border: 1px solid #5C6BC0;
+  background-color: rgba(92, 107, 192, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 7px;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #FFFFFF;
+  background-color: #31313a;
+  border: none;
+}
+
+label.separator {
+  color: #FFFFFF;
+}
+
+label > selection {
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+.dim-label, row.expander:not(:checked) image.expander-row-arrow, row label.subtitle, headerbar .subtitle, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator {
+  opacity: 0.6;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant.csd .sidebar {
+  border-top-style: none;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(255, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #FFFFFF;
+}
+
+window.aboutdialog image.large-icons {
+  -gtk-icon-size: 128px;
+}
+
+.osd .scale-popup, .app-notification, popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .osd {
+  color: rgba(255, 255, 255, 0.8);
+  border: none;
+  background-color: rgba(37, 37, 45, 0.85);
+  background-clip: padding-box;
+  border-radius: 8px;
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16);
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+  to {
+    transform: rotate(1turn);
+  }
+}
+
+spinner {
+  background: none;
+  opacity: 0;
+  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+}
+
+spinner:checked {
+  opacity: 1;
+  animation: spin 1s linear infinite;
+}
+
+spinner:checked:disabled {
+  opacity: 0.5;
+}
+
+.large-title {
+  font-weight: 300;
+  font-size: 24pt;
+}
+
+.title-1 {
+  font-weight: 800;
+  font-size: 20pt;
+}
+
+.title-2 {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.title-3 {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.title-4 {
+  font-weight: 700;
+  font-size: 13pt;
+}
+
+.heading {
+  font-weight: 700;
+  font-size: 11pt;
+}
+
+.body {
+  font-weight: 400;
+  font-size: 11pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+.caption {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+spinbutton:not(.vertical), entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 7px;
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #44454b;
+  color: #FFFFFF;
+  outline: none;
+}
+
+spinbutton:focus-within:not(.vertical), entry:focus-within {
+  border-image: none;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+  outline: none;
+}
+
+spinbutton:disabled:not(.vertical), entry:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+  outline: none;
+}
+
+colorchooser .popover.osd spinbutton:not(.vertical), window.dialog.message entry, notebook > stack:not(:only-child) entry:not(.search),
+notebook > stack:not(:only-child) spinbutton:not(.vertical), popover.background .linked entry, popover.background entry,
+popover.background spinbutton:not(.vertical), spinbutton.flat:not(.vertical), entry.flat {
+  border-radius: 0;
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2), inset 0 -2px transparent;
+  background-color: transparent;
+  color: #FFFFFF;
+  outline: none;
+}
+
+colorchooser .popover.osd spinbutton:focus-within:not(.vertical), window.dialog.message entry:focus-within, notebook > stack:not(:only-child) entry:focus-within:not(.search),
+notebook > stack:not(:only-child) spinbutton:focus-within:not(.vertical), popover.background entry:focus-within,
+popover.background spinbutton:focus-within:not(.vertical), spinbutton.flat:focus-within:not(.vertical), entry.flat:focus-within {
+  box-shadow: inset 0 -1px transparent, inset 0 -2px #5657f5;
+  outline: none;
+}
+
+colorchooser .popover.osd spinbutton:disabled:not(.vertical), window.dialog.message entry:disabled, notebook > stack:not(:only-child) entry:disabled:not(.search),
+notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), popover.background entry:disabled,
+popover.background spinbutton:disabled:not(.vertical), spinbutton.flat:disabled:not(.vertical), entry.flat:disabled {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08), inset 0 -2px transparent;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+  outline: none;
+}
+
+spinbutton:not(.vertical) image, entry image {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active {
+  color: #FFFFFF;
+}
+
+spinbutton:not(.vertical) image:disabled, entry image:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton:not(.vertical) image.left, entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton:not(.vertical) image.right, entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder {
+  opacity: 0;
+}
+
+spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor {
+  color: #31313a;
+  background-color: #FFFFFF;
+}
+
+spinbutton:not(.vertical) undershoot.left > undershoot.left, entry undershoot.left > undershoot.left {
+  box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+spinbutton:not(.vertical) undershoot.right > undershoot.right, entry undershoot.right > undershoot.right {
+  box-shadow: inset -1px 0 rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+spinbutton.error:not(.vertical), entry.error {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #DD2C00;
+  color: #FFFFFF;
+  outline: none;
+}
+
+spinbutton.error:focus-within:not(.vertical), entry.error:focus-within {
+  border-image: none;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+  outline: none;
+}
+
+spinbutton.error:disabled:not(.vertical), entry.error:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+  outline: none;
+}
+
+spinbutton.error.flat:not(.vertical), entry.error.flat {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -1px #DD2C00, inset 0 -2px transparent;
+  background-color: transparent;
+  color: #FFFFFF;
+  outline: none;
+}
+
+spinbutton.error.flat:focus-within:not(.vertical), entry.error.flat:focus-within {
+  box-shadow: inset 0 -1px transparent, inset 0 -2px #DD2C00;
+  outline: none;
+}
+
+spinbutton.error.flat:disabled:not(.vertical), entry.error.flat:disabled {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08), inset 0 -2px transparent;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+  outline: none;
+}
+
+spinbutton.error:not(.vertical) image, entry.error image {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active {
+  color: #FFFFFF;
+}
+
+spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.warning:not(.vertical), entry.warning {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #FF6D00;
+  color: #FFFFFF;
+  outline: none;
+}
+
+spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within {
+  border-image: none;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+  outline: none;
+}
+
+spinbutton.warning:disabled:not(.vertical), entry.warning:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+  outline: none;
+}
+
+spinbutton.warning.flat:not(.vertical), entry.warning.flat {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -1px #FF6D00, inset 0 -2px transparent;
+  background-color: transparent;
+  color: #FFFFFF;
+  outline: none;
+}
+
+spinbutton.warning.flat:focus-within:not(.vertical), entry.warning.flat:focus-within {
+  box-shadow: inset 0 -1px transparent, inset 0 -2px #FF6D00;
+  outline: none;
+}
+
+spinbutton.warning.flat:disabled:not(.vertical), entry.warning.flat:disabled {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08), inset 0 -2px transparent;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+  outline: none;
+}
+
+spinbutton.warning:not(.vertical) image, entry.warning image {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active {
+  color: #FFFFFF;
+}
+
+spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton:not(.vertical) > progress, entry > progress {
+  margin: 2px -6px;
+}
+
+spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress {
+  background-color: transparent;
+  background-image: none;
+  border-radius: 0;
+  border-bottom: 2px solid #5657f5;
+  box-shadow: none;
+}
+
+.linked:not(.vertical) > spinbutton.flat:not(.vertical), .linked.vertical > spinbutton.flat:not(.vertical), .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat {
+  border-radius: 0;
+}
+
+notebook > stack:not(:only-child) treeview entry:not(.search),
+notebook > stack:not(:only-child) treeview spinbutton:not(.vertical),
+treeview entry {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #31313a;
+}
+
+notebook > stack:not(:only-child) treeview entry:not(.search),
+notebook > stack:not(:only-child) treeview spinbutton:not(.vertical),
+treeview entry {
+  border-image: none;
+  box-shadow: none;
+}
+
+editablelabel > stack > text {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #44454b;
+  color: #FFFFFF;
+  outline: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+.entry-tag:hover {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+:dir(ltr) .entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active) {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs_attention {
+  from {
+    background-image: radial-gradient(farthest-side, #9e9ff9 0%, rgba(158, 159, 249, 0) 0%);
+  }
+  to {
+    background-image: radial-gradient(farthest-side, #9e9ff9 95%, rgba(158, 159, 249, 0));
+  }
+}
+
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 7px;
+  font-weight: 500;
+  transition: 100ms;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #44454b;
+  color: rgba(255, 255, 255, 0.8);
+  outline: none;
+}
+
+
+button:hover {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+  color: #FFFFFF;
+  outline: none;
+}
+
+
+button:active {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.1);
+  outline: none;
+}
+
+
+button:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.3);
+  outline: none;
+}
+
+
+button:checked {
+  background-color: #5657f5;
+  color: #FFFFFF;
+  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+  outline: none;
+}
+
+
+button:checked:disabled {
+  background-color: rgba(86, 87, 245, 0.3);
+  color: rgba(86, 87, 245, 0.5);
+  background-image: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button, window.dialog.message.csd .linked.dialog-action-area:not(.vertical) > button, window.dialog.message .linked.dialog-action-area:not(.vertical) > button, check,
+radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, splitbutton.flat > button,
+splitbutton.flat > menubutton > button, menubutton.flat > button, banner > revealer > widget button, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), popover.background modelbutton, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model,
+pathbar > button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+toolbar button, .toolbar button,
+button.flat {
+  transition: 100ms;
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.7);
+  outline: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover, window.dialog.message .linked:not(.vertical).dialog-action-area > button:hover, check:hover,
+radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, banner > revealer > widget button:hover, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), popover.background modelbutton:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover,
+pathbar > button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+toolbar button:hover, .toolbar button:hover,
+button.flat:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+  color: #FFFFFF;
+  outline: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active, window.dialog.message .linked:not(.vertical).dialog-action-area > button:active, check:active,
+radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, banner > revealer > widget button:active, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), popover.background modelbutton:active, popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active,
+pathbar > button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+toolbar button:active, .toolbar button:active,
+button.flat:active {
+  background-color: rgba(255, 255, 255, 0.15);
+  color: #FFFFFF;
+  background-image: none;
+  outline: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled, window.dialog.message .linked:not(.vertical).dialog-action-area > button:disabled, check:disabled,
+radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, banner > revealer > widget button:disabled, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), popover.background modelbutton:disabled, popover.menu box.circular-buttons button.circular.image-button.model:disabled, popover.menu box.inline-buttons button.image-button.model:disabled,
+pathbar > button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+toolbar button:disabled, .toolbar button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.3);
+  outline: none;
+}
+
+splitbutton.flat > button:checked,
+splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, banner > revealer > widget button:checked, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), popover.background modelbutton:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked,
+pathbar > button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+toolbar button:checked, .toolbar button:checked,
+button.flat:checked {
+  background-color: rgba(255, 255, 255, 0.2);
+  color: #FFFFFF;
+  background-image: none;
+  outline: none;
+}
+
+splitbutton.flat > button:checked:disabled,
+splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled, banner > revealer > widget button:checked:disabled, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, infobar.warning button:checked:disabled, infobar.error button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background modelbutton:checked:disabled, popover.menu box.circular-buttons button.circular.image-button.model:checked:disabled, popover.menu box.inline-buttons button.image-button.model:checked:disabled,
+pathbar > button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+toolbar button:checked:disabled, .toolbar button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: rgba(255, 255, 255, 0.08);
+  color: rgba(255, 255, 255, 0.5);
+  background-image: none;
+}
+
+
+button.text-button {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked > button.flat, .linked.vertical > button.flat {
+  border-radius: 7px;
+}
+
+.linked > button.flat.image-button, .linked > button.flat.text-button.image-button, .linked.vertical > button.flat.image-button, .linked.vertical > button.flat.text-button.image-button {
+  border-radius: 7px;
+}
+
+row:selected button:disabled {
+  background-color: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.3);
+}
+
+banner > revealer > widget button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, row:selected button.flat {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+banner > revealer > widget button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, banner > revealer > widget button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, row:selected button.flat:hover, row:selected button.flat:active {
+  color: #FFFFFF;
+}
+
+banner > revealer > widget button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button.flat:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+banner > revealer > widget button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, row:selected button.flat:checked {
+  background-color: rgba(255, 255, 255, 0.3);
+  color: #FFFFFF;
+}
+
+banner > revealer > widget button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, infobar.warning button:checked:disabled, infobar.error button:checked:disabled, row:selected button.flat:checked:disabled {
+  background-color: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.5);
+}
+
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: rgba(0, 0, 0, 0.65);
+  color: white;
+}
+
+
+button.osd:hover {
+  background-color: rgba(0, 0, 0, 0.75);
+  color: white;
+}
+
+
+button.osd:active {
+  background-color: rgba(0, 0, 0, 0.85);
+  color: white;
+}
+
+
+button.osd.image-button {
+  padding: 12px;
+}
+
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+
+button.suggested-action {
+  background-color: #7C4DFF;
+  color: #FFFFFF;
+  background-image: linear-gradient(to bottom, #4FC3F7, #42A5F5);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+  outline: none;
+  background-image: none;
+}
+
+
+button.suggested-action:checked {
+  background-color: #a382ff;
+}
+
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #7C4DFF;
+  background-image: none;
+}
+
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+  outline: none;
+  background-image: none;
+}
+
+
+button.suggested-action.flat:checked {
+  background-image: none;
+  background-color: rgba(124, 77, 255, 0.3);
+}
+
+
+button.destructive-action {
+  background-color: #FF5252;
+  color: #FFFFFF;
+  background-image: linear-gradient(to bottom, #EF5350, #FF5252);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+  outline: none;
+  background-image: none;
+}
+
+
+button.destructive-action:checked {
+  background-color: #ff8686;
+}
+
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #FF5252;
+  background-image: none;
+}
+
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+  outline: none;
+  background-image: none;
+}
+
+
+button.destructive-action.flat:checked {
+  background-image: none;
+  background-color: rgba(255, 82, 82, 0.3);
+}
+
+stackswitcher > button {
+  outline-offset: -4px;
+}
+
+stackswitcher > button > label {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+stackswitcher > button > image {
+  padding-left: 6px;
+  padding-right: 6px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+stackswitcher > button.text-button {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+stackswitcher > button.image-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+.primary-toolbar button {
+  -gtk-icon-shadow: none;
+}
+
+menubutton.circular > button, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action), row button.image-button, headerbar.default-decoration windowcontrols button, headerbar button.suggested-action, headerbar button.destructive-action, headerbar button:not(.suggested-action):not(.destructive-action), check,
+radio, popover.menu box.circular-buttons button.circular.image-button.model,
+button.close,
+button.circular,
+button.round-button {
+  border-radius: 9999px;
+}
+
+.nautilus-window.background.csd .floating-bar button, placessidebar .navigation-sidebar > row button.sidebar-button, notebook > header tab button.flat, spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+  animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+.linked:not(.vertical) > combobox > box > button.combo, row .linked button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button {
+  border-radius: 0;
+}
+
+row .linked button:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child {
+  border-top-left-radius: 7px;
+  border-bottom-left-radius: 7px;
+}
+
+row .linked button:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child {
+  border-top-right-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+row .linked button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child {
+  border-radius: 7px;
+}
+
+.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button {
+  border-radius: 0;
+}
+
+.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child {
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child {
+  border-bottom-left-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child {
+  border-radius: 7px;
+}
+
+.toolbar button {
+  margin: 1px;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay {
+  border-radius: 0;
+}
+
+/*********
+ * Links *
+ *********/
+button.link,
+link {
+  color: #039BE5;
+}
+
+button.link:visited,
+link:visited,
+link:visited:hover,
+link:visited:active {
+  color: #E040FB;
+}
+
+infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, headerbar.selection-mode .subtitle:link, button.link:selected, *:selected button.link,
+link:selected, *:selected link {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.link selection {
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  font-feature-settings: "tnum";
+}
+
+spinbutton > text > block-cursor {
+  background-color: #FFFFFF;
+  color: #31313a;
+}
+
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled,
+spinbutton:not(.vertical) text {
+  min-width: 32px;
+  margin: 0;
+  padding-left: 12px;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical {
+  background-color: rgba(255, 255, 255, 0.08);
+  border-radius: 7px;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.vertical:drop(active) {
+  box-shadow: none;
+}
+
+spinbutton.vertical text {
+  min-height: 36px;
+  min-width: 48px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  min-height: 36px;
+  min-width: 48px;
+  padding: 0;
+}
+
+spinbutton.vertical button.up {
+  border-radius: 7px 7px 0 0;
+}
+
+spinbutton.vertical button.down {
+  border-radius: 0 0 7px 7px;
+}
+
+treeview spinbutton:not(.vertical) {
+  min-height: 0;
+  border-style: none;
+  border-radius: 0;
+}
+
+treeview spinbutton:not(.vertical) text {
+  min-height: 0;
+  padding: 1px 2px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+dropdown > popover.menu.background > contents {
+  padding: 0;
+}
+
+dropdown > button > box {
+  border-spacing: 6px;
+}
+
+dropdown arrow,
+combobox arrow {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  min-height: 16px;
+  min-width: 16px;
+}
+
+dropdown > popover.menu > contents modelbutton,
+combobox > popover.menu > contents modelbutton {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+dropdown button.combo:checked,
+combobox button.combo:checked {
+  transition: none;
+}
+
+dropdown button.combo cellview:dir(ltr),
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+dropdown button.combo cellview:dir(rtl),
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 7px;
+  border-bottom-left-radius: 7px;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+dropdown:drop(active),
+combobox:drop(active) {
+  box-shadow: none;
+}
+
+.linked:not(.vertical) > combobox:first-child > box > button.combo {
+  border-top-left-radius: 7px;
+  border-bottom-left-radius: 7px;
+}
+
+.linked:not(.vertical) > combobox:last-child > box > button.combo {
+  border-bottom-right-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+.linked:not(.vertical) > combobox:only-child > box > button.combo {
+  border-radius: 7px;
+}
+
+.linked.vertical > combobox:first-child > box > button.combo {
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+.linked.vertical > combobox:last-child > box > button.combo {
+  border-bottom-left-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+.linked.vertical > combobox:only-child > box > button.combo {
+  border-radius: 7px;
+}
+
+notebook > stack:not(:only-child) button.combo, popover.background button.combo {
+  border-radius: 0;
+  background-image: none;
+  font-weight: inherit;
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2), inset 0 -2px transparent;
+  background-color: transparent;
+  color: #FFFFFF;
+  outline: none;
+}
+
+notebook > stack:not(:only-child) button.combo:hover, popover.background button.combo:hover {
+  box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5);
+}
+
+notebook > stack:not(:only-child) button.combo:checked, popover.background button.combo:checked {
+  box-shadow: inset 0 -2px #5657f5;
+}
+
+notebook > stack:not(:only-child) button.combo:disabled, popover.background button.combo:disabled {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+  color: rgba(255, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 2px;
+  background-color: #34343b;
+}
+
+.osd .toolbar, .osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification, .toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 7px;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #31313a;
+}
+
+.app-notification:backdrop, .toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+.toolbar.horizontal > separator,
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+.toolbar.vertical > separator,
+toolbar.vertical > separator {
+  margin: 2px;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) scale,
+.toolbar:not(.inline-toolbar):not(.osd) entry,
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+.toolbar:not(.inline-toolbar):not(.osd) button,
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+  margin: 2px;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+  margin-left: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+  margin-right: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton button,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+  margin: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) switch,
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+searchbar > revealer > box {
+  border-spacing: 0;
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #34343b;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button,
+searchbar > revealer > box menubutton,
+searchbar > revealer > box splitbutton {
+  margin: 0;
+}
+
+actionbar > revealer > box {
+  box-shadow: none;
+  padding: 6px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+actionbar > revealer > box .linked > button {
+  border-radius: 7px;
+}
+
+actionbar > revealer > box entry,
+actionbar > revealer > box button,
+actionbar > revealer > box menubutton,
+actionbar > revealer > box splitbutton {
+  margin: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
+  border-radius: 7px;
+}
+
+
+pathbar > button:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+
+pathbar > button:checked,
+pathbar > button:checked:disabled {
+  background-color: transparent;
+}
+
+
+pathbar > button label,
+pathbar > button image {
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #474751;
+  border-top-color: #474751;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  border-left-color: rgba(255, 255, 255, 0.3);
+}
+
+columnview.view:hover, columnview.view:active, columnview.view:selected,
+treeview.view:hover,
+treeview.view:active,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(255, 255, 255, 0.08);
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: #7C4DFF;
+}
+
+columnview.view > dndtarget:drop(active).after,
+treeview.view > dndtarget:drop(active).after {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget:drop(active).before,
+treeview.view > dndtarget:drop(active).before {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(255, 255, 255, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-transform: unset;
+}
+
+columnview.view.expander:hover, columnview.view.expander:active,
+treeview.view.expander:hover,
+treeview.view.expander:active {
+  color: #FFFFFF;
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+columnview.view.expander:selected:hover, columnview.view.expander:selected:active,
+treeview.view.expander:selected:hover,
+treeview.view.expander:selected:active {
+  color: #FFFFFF;
+}
+
+columnview.view.expander:selected:disabled,
+treeview.view.expander:selected:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 4px solid #5657f5;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+columnview.view.progressbar:selected,
+treeview.view.progressbar:selected {
+  border-bottom-color: #FFFFFF;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 4px solid rgba(86, 87, 245, 0.3);
+  box-shadow: none;
+  background-color: transparent;
+}
+
+columnview.view.trough:selected,
+treeview.view.trough:selected {
+  border-bottom-color: rgba(255, 255, 255, 0.3);
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button, columnview.view > header > button:hover, columnview.view > header > button:active,
+treeview.view > header > button,
+treeview.view > header > button:hover,
+treeview.view > header > button:active {
+  box-shadow: none;
+}
+
+columnview.view > header > button, columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #31313a;
+}
+
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+  border-right-style: none;
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #31313a;
+  background-clip: border-box;
+  color: #5657f5;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #5657f5;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+menubar > item {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 6px 12px;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+menubar > item:hover {
+  transition: none;
+  color: #FFFFFF;
+  box-shadow: inset 0 -3px #5657f5;
+}
+
+menubar > item:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu.background > contents {
+  padding: 6px;
+}
+
+menubar > item popover.menu popover.menu {
+  padding: 0 0 4px 0;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 8px;
+}
+
+popover.menu {
+  padding: 0;
+}
+
+popover.menu box.inline-buttons {
+  padding: 0 6px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 0;
+  border: none;
+  outline: none;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+  min-height: 28px;
+  min-width: 28px;
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: -2px;
+  margin-right: 6px;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 6px;
+  margin-right: -2px;
+}
+
+popover.menu label.title {
+  font-weight: bold;
+  padding: 4px 32px;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  background-color: transparent;
+  font: initial;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.12), 0 4px 3px rgba(0, 0, 0, 0.16);
+  background-color: rgba(60, 60, 70, 0.95);
+  border-radius: 8px;
+  color: rgba(255, 255, 255, 0.7);
+  border: none;
+}
+
+popover.background > arrow:disabled,
+popover.background > contents:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  background-color: transparent;
+  box-shadow: none;
+}
+
+popover.background > contents separator {
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents listview.view {
+  background-color: transparent;
+}
+
+popover.background > contents listview.view > row {
+  margin: 0;
+  border-radius: 5px;
+  padding: 6px 12px;
+}
+
+popover.background > contents listview.view > row:selected {
+  background-color: rgba(255, 255, 255, 0.12);
+  color: #FFFFFF;
+}
+
+.linked > popover.background button {
+  border-radius: 7px;
+}
+
+.linked > popover.background button:first-child {
+  border-radius: 7px;
+}
+
+.linked > popover.background button:last-child {
+  border-radius: 7px;
+}
+
+.linked > popover.background button:only-child {
+  border-radius: 7px;
+}
+
+popover.background modelbutton {
+  min-height: 20px;
+  min-width: 40px;
+  padding: 5px 8px;
+  border-radius: 5px;
+  box-shadow: none;
+  animation: none;
+  transition: none;
+}
+
+popover.background modelbutton arrow {
+  background: none;
+}
+
+popover.background modelbutton arrow:hover {
+  background: none;
+}
+
+popover.background modelbutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
+}
+
+popover.background modelbutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme("go-next-symbolic");
+}
+
+popover.background modelbutton:hover {
+  color: rgba(255, 255, 255, 0.7);
+  background-color: rgba(255, 255, 255, 0.08);
+  background-image: none;
+  box-shadow: none;
+}
+
+popover.background modelbutton:hover:active {
+  color: rgba(255, 255, 255, 0.7);
+  background-color: rgba(255, 255, 255, 0.1);
+  background-image: none;
+  box-shadow: none;
+}
+
+popover.background modelbutton:focus:not(:hover) {
+  transition: none;
+  background: none;
+  box-shadow: none;
+  animation: none;
+}
+
+popover.background.menu button, popover.background button.model {
+  border-radius: 7px;
+}
+
+popover.background checkbutton.text-button,
+popover.background radiobutton.text-button {
+  outline-style: none;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+popover.background label.separator {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+/*************
+ * Notebooks *
+ *************/
+frame > paned > notebook > header, notebook.frame > header {
+  background-color: #3b3b43;
+}
+
+notebook, notebook.frame {
+  background-color: #31313a;
+  border-radius: 10px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 10px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 10px;
+}
+
+notebook > header {
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #34343b;
+  background-clip: border-box;
+}
+
+notebook > header.top {
+  border-bottom-style: solid;
+  border-radius: 9px 9px 0 0;
+}
+
+notebook > header.top > tabs {
+  margin-bottom: -1px;
+}
+
+notebook > header.top > tabs > tab:hover {
+  box-shadow: inset 0 -2px rgba(255, 255, 255, 0.2);
+}
+
+notebook > header.top > tabs > tab:checked {
+  box-shadow: inset 0 -2px #5657f5;
+}
+
+notebook > header.bottom {
+  border-top-style: solid;
+  border-radius: 0 0 9px 9px;
+}
+
+notebook > header.bottom > tabs {
+  margin-top: -1px;
+}
+
+notebook > header.bottom > tabs > tab:hover {
+  box-shadow: inset 0 2px rgba(255, 255, 255, 0.2);
+}
+
+notebook > header.bottom > tabs > tab:checked {
+  box-shadow: inset 0 2px #5657f5;
+}
+
+notebook > header.left {
+  border-right-style: solid;
+  border-radius: 9px 0 0 9px;
+}
+
+notebook > header.left > tabs {
+  margin-right: -1px;
+}
+
+notebook > header.left > tabs > tab:hover {
+  box-shadow: inset -2px 0 rgba(255, 255, 255, 0.2);
+}
+
+notebook > header.left > tabs > tab:checked {
+  box-shadow: inset -2px 0 #5657f5;
+}
+
+notebook > header.right {
+  border-left-style: solid;
+  border-radius: 0 9px 9px 0;
+}
+
+notebook > header.right > tabs {
+  margin-left: -1px;
+}
+
+notebook > header.right > tabs > tab:hover {
+  box-shadow: inset 2px 0 rgba(255, 255, 255, 0.2);
+}
+
+notebook > header.right > tabs > tab:checked {
+  box-shadow: inset 2px 0 #5657f5;
+}
+
+notebook > header.top > tabs > arrow {
+  border-top-style: none;
+}
+
+notebook > header.bottom > tabs > arrow {
+  border-bottom-style: none;
+}
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+  margin-left: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+  margin-right: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+notebook > header.left > tabs > arrow {
+  border-left-style: none;
+}
+
+notebook > header.right > tabs > arrow {
+  border-right-style: none;
+}
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+  margin-top: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+  margin-bottom: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 0;
+}
+
+notebook > header tab {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px 12px;
+  outline-offset: -6px;
+  border-width: 1px;
+  border-color: transparent;
+  color: rgba(255, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+notebook > header tab:hover {
+  color: #FFFFFF;
+}
+
+notebook > header tab:hover.reorderable-page {
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #3b3b43;
+}
+
+notebook > header tab:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+notebook > header tab:checked {
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+notebook > header tab:checked:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+notebook > header tab:checked.reorderable-page {
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+}
+
+notebook > header tab button.flat {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0;
+}
+
+notebook > header tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header.top tabs, notebook > header.bottom tabs {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
+  margin: 0 -1px;
+  border-style: none solid;
+}
+
+notebook > header.left tabs, notebook > header.right tabs {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
+  margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
+  margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
+  margin: -1px 0;
+  border-style: solid none;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: #31313a;
+  border-radius: 10px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(49, 49, 58, 0.65);
+  background-clip: border-box;
+}
+
+scrollbar.top {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+scrollbar.bottom {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+scrollbar.left {
+  border-right: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+scrollbar.right {
+  border-left: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+scrollbar > range > trough {
+  box-shadow: none;
+  outline: none;
+  background: none;
+  padding: 0;
+  margin: 0;
+}
+
+scrollbar > range > trough > slider {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(255, 255, 255, 0.5);
+  box-shadow: none;
+  outline: none;
+  padding: 0;
+  margin: 0;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(255, 255, 255, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #FFFFFF;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar > range.fine-tune.horizontal > trough > slider {
+  margin: 2px 0;
+}
+
+scrollbar > range.fine-tune.vertical > trough > slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(49, 49, 58, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(49, 49, 58, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(255, 255, 255, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
+  background-color: rgba(49, 49, 58, 0.9);
+}
+
+scrollbar.horizontal > range > trough > slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical > range > trough > slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 225ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  min-height: 20px;
+  min-width: 42px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-color: rgba(255, 255, 255, 0.2);
+  background-clip: padding-box;
+  color: transparent;
+  font-size: 0;
+}
+
+switch:disabled {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+switch:checked {
+  background-color: rgba(124, 77, 255, 0.35);
+  color: transparent;
+}
+
+switch:checked:disabled {
+  background-color: rgba(124, 77, 255, 0.2);
+}
+
+switch > slider {
+  transition: 100ms, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 24px;
+  min-height: 24px;
+  margin: -4px -3px;
+  border-radius: 9999px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #44454b;
+  color: transparent;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-image: -gtk-scaled(url("assets/switch-slider-unchecked-dark.png"), url("assets/switch-slider-unchecked-dark@2.png"));
+}
+
+switch:hover > slider {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+switch:checked > slider {
+  transition: 100ms, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), margin 0;
+  background-color: #7C4DFF;
+  color: transparent;
+  background-image: -gtk-scaled(url("assets/switch-slider-checked-dark.png"), url("assets/switch-slider-checked-dark@2.png"));
+}
+
+switch:disabled > slider {
+  background-color: #3b3b43;
+}
+
+switch:checked:disabled > slider {
+  animation: none;
+  background-color: #573f9d;
+}
+
+row:selected switch:checked {
+  background-color: rgba(68, 1, 255, 0.35);
+}
+
+row:selected switch:checked:disabled {
+  background-color: rgba(68, 1, 255, 0.2);
+}
+
+row:selected switch:checked > slider {
+  background-color: #561aff;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+  min-height: 40px;
+  min-width: 40px;
+  margin: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+  -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
+.content-view .tile check:not(list):hover,
+.content-view .tile check:not(list):active {
+  -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+  -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
+}
+
+.view.content-view.check:not(list):checked,
+.content-view .tile check:not(list):checked {
+  -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
+}
+
+checkbutton,
+radiobutton {
+  outline: none;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+  outline-offset: 0;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+row check:selected,
+row radio:selected, row check:selected:active,
+row radio:selected:active, row check:selected:checked,
+row radio:selected:checked, row check:selected:indeterminate,
+row radio:selected:indeterminate, row check:selected:focus,
+row radio:selected:focus, row check:selected:focus:active,
+row radio:selected:focus:active, row check:selected:focus:checked,
+row radio:selected:focus:checked, row check:selected:focus:indeterminate,
+row radio:selected:focus:indeterminate, treeview.view check:selected,
+treeview.view radio:selected, treeview.view check:selected:active,
+treeview.view radio:selected:active, treeview.view check:selected:checked,
+treeview.view radio:selected:checked, treeview.view check:selected:indeterminate,
+treeview.view radio:selected:indeterminate, treeview.view check:selected:focus,
+treeview.view radio:selected:focus, treeview.view check:selected:focus:active,
+treeview.view radio:selected:focus:active, treeview.view check:selected:focus:checked,
+treeview.view radio:selected:focus:checked, treeview.view check:selected:focus:indeterminate,
+treeview.view radio:selected:focus:indeterminate, row.activatable check:selected,
+row.activatable radio:selected, row.activatable check:selected:active,
+row.activatable radio:selected:active, row.activatable check:selected:checked,
+row.activatable radio:selected:checked, row.activatable check:selected:indeterminate,
+row.activatable radio:selected:indeterminate, row.activatable check:selected:focus,
+row.activatable radio:selected:focus, row.activatable check:selected:focus:active,
+row.activatable radio:selected:focus:active, row.activatable check:selected:focus:checked,
+row.activatable radio:selected:focus:checked, row.activatable check:selected:focus:indeterminate,
+row.activatable radio:selected:focus:indeterminate, row checkbutton check:selected, row checkbutton check:selected:active, row checkbutton check:selected:checked, row checkbutton check:selected:indeterminate, row checkbutton check:selected:focus, row checkbutton check:selected:focus:active, row checkbutton check:selected:focus:checked, row checkbutton check:selected:focus:indeterminate, treeview.view checkbutton check:selected, treeview.view checkbutton check:selected:active, treeview.view checkbutton check:selected:checked, treeview.view checkbutton check:selected:indeterminate, treeview.view checkbutton check:selected:focus, treeview.view checkbutton check:selected:focus:active, treeview.view checkbutton check:selected:focus:checked, treeview.view checkbutton check:selected:focus:indeterminate, row.activatable checkbutton check:selected, row.activatable checkbutton check:selected:active, row.activatable checkbutton check:selected:checked, row.activatable checkbutton check:selected:indeterminate, row.activatable checkbutton check:selected:focus, row.activatable checkbutton check:selected:focus:active, row.activatable checkbutton check:selected:focus:checked, row.activatable checkbutton check:selected:focus:indeterminate, row radiobutton radio:selected, row radiobutton radio:selected:active, row radiobutton radio:selected:checked, row radiobutton radio:selected:indeterminate, row radiobutton radio:selected:focus, row radiobutton radio:selected:focus:active, row radiobutton radio:selected:focus:checked, row radiobutton radio:selected:focus:indeterminate, treeview.view radiobutton radio:selected, treeview.view radiobutton radio:selected:active, treeview.view radiobutton radio:selected:checked, treeview.view radiobutton radio:selected:indeterminate, treeview.view radiobutton radio:selected:focus, treeview.view radiobutton radio:selected:focus:active, treeview.view radiobutton radio:selected:focus:checked, treeview.view radiobutton radio:selected:focus:indeterminate, row.activatable radiobutton radio:selected, row.activatable radiobutton radio:selected:active, row.activatable radiobutton radio:selected:checked, row.activatable radiobutton radio:selected:indeterminate, row.activatable radiobutton radio:selected:focus, row.activatable radiobutton radio:selected:focus:active, row.activatable radiobutton radio:selected:focus:checked, row.activatable radiobutton radio:selected:focus:indeterminate {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+row check:selected:disabled,
+row radio:selected:disabled, row check:selected:active:disabled,
+row radio:selected:active:disabled, row check:selected:checked:disabled,
+row radio:selected:checked:disabled, row check:selected:indeterminate:disabled,
+row radio:selected:indeterminate:disabled, row check:selected:focus:disabled,
+row radio:selected:focus:disabled, row check:selected:focus:active:disabled,
+row radio:selected:focus:active:disabled, row check:selected:focus:checked:disabled,
+row radio:selected:focus:checked:disabled, row check:selected:focus:indeterminate:disabled,
+row radio:selected:focus:indeterminate:disabled, treeview.view check:selected:disabled,
+treeview.view radio:selected:disabled, treeview.view check:selected:active:disabled,
+treeview.view radio:selected:active:disabled, treeview.view check:selected:checked:disabled,
+treeview.view radio:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
+treeview.view radio:selected:indeterminate:disabled, treeview.view check:selected:focus:disabled,
+treeview.view radio:selected:focus:disabled, treeview.view check:selected:focus:active:disabled,
+treeview.view radio:selected:focus:active:disabled, treeview.view check:selected:focus:checked:disabled,
+treeview.view radio:selected:focus:checked:disabled, treeview.view check:selected:focus:indeterminate:disabled,
+treeview.view radio:selected:focus:indeterminate:disabled, row.activatable check:selected:disabled,
+row.activatable radio:selected:disabled, row.activatable check:selected:active:disabled,
+row.activatable radio:selected:active:disabled, row.activatable check:selected:checked:disabled,
+row.activatable radio:selected:checked:disabled, row.activatable check:selected:indeterminate:disabled,
+row.activatable radio:selected:indeterminate:disabled, row.activatable check:selected:focus:disabled,
+row.activatable radio:selected:focus:disabled, row.activatable check:selected:focus:active:disabled,
+row.activatable radio:selected:focus:active:disabled, row.activatable check:selected:focus:checked:disabled,
+row.activatable radio:selected:focus:checked:disabled, row.activatable check:selected:focus:indeterminate:disabled,
+row.activatable radio:selected:focus:indeterminate:disabled, row checkbutton check:selected:disabled, row checkbutton check:selected:active:disabled, row checkbutton check:selected:checked:disabled, row checkbutton check:selected:indeterminate:disabled, row checkbutton check:selected:focus:disabled, row checkbutton check:selected:focus:active:disabled, row checkbutton check:selected:focus:checked:disabled, row checkbutton check:selected:focus:indeterminate:disabled, treeview.view checkbutton check:selected:disabled, treeview.view checkbutton check:selected:active:disabled, treeview.view checkbutton check:selected:checked:disabled, treeview.view checkbutton check:selected:indeterminate:disabled, treeview.view checkbutton check:selected:focus:disabled, treeview.view checkbutton check:selected:focus:active:disabled, treeview.view checkbutton check:selected:focus:checked:disabled, treeview.view checkbutton check:selected:focus:indeterminate:disabled, row.activatable checkbutton check:selected:disabled, row.activatable checkbutton check:selected:active:disabled, row.activatable checkbutton check:selected:checked:disabled, row.activatable checkbutton check:selected:indeterminate:disabled, row.activatable checkbutton check:selected:focus:disabled, row.activatable checkbutton check:selected:focus:active:disabled, row.activatable checkbutton check:selected:focus:checked:disabled, row.activatable checkbutton check:selected:focus:indeterminate:disabled, row radiobutton radio:selected:disabled, row radiobutton radio:selected:active:disabled, row radiobutton radio:selected:checked:disabled, row radiobutton radio:selected:indeterminate:disabled, row radiobutton radio:selected:focus:disabled, row radiobutton radio:selected:focus:active:disabled, row radiobutton radio:selected:focus:checked:disabled, row radiobutton radio:selected:focus:indeterminate:disabled, treeview.view radiobutton radio:selected:disabled, treeview.view radiobutton radio:selected:active:disabled, treeview.view radiobutton radio:selected:checked:disabled, treeview.view radiobutton radio:selected:indeterminate:disabled, treeview.view radiobutton radio:selected:focus:disabled, treeview.view radiobutton radio:selected:focus:active:disabled, treeview.view radiobutton radio:selected:focus:checked:disabled, treeview.view radiobutton radio:selected:focus:indeterminate:disabled, row.activatable radiobutton radio:selected:disabled, row.activatable radiobutton radio:selected:active:disabled, row.activatable radiobutton radio:selected:checked:disabled, row.activatable radiobutton radio:selected:indeterminate:disabled, row.activatable radiobutton radio:selected:focus:disabled, row.activatable radiobutton radio:selected:focus:active:disabled, row.activatable radiobutton radio:selected:focus:checked:disabled, row.activatable radiobutton radio:selected:focus:indeterminate:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+row check:selected:hover,
+row radio:selected:hover, treeview.view check:selected:hover,
+treeview.view radio:selected:hover, row checkbutton check:selected:hover, row checkbutton check:selected:focus:hover, treeview.view checkbutton check:selected:hover, treeview.view checkbutton check:selected:focus:hover, row.activatable checkbutton check:selected:hover, row.activatable checkbutton check:selected:focus:hover, row radiobutton radio:selected:hover, row radiobutton radio:selected:focus:hover, treeview.view radiobutton radio:selected:hover, treeview.view radiobutton radio:selected:focus:hover, row.activatable radiobutton radio:selected:hover, row.activatable radiobutton radio:selected:focus:hover {
+  color: #FFFFFF;
+}
+
+row check:selected:hover:disabled,
+row radio:selected:hover:disabled, treeview.view check:selected:hover:disabled,
+treeview.view radio:selected:hover:disabled, row checkbutton check:selected:hover:disabled, row checkbutton check:selected:focus:hover:disabled, treeview.view checkbutton check:selected:hover:disabled, treeview.view checkbutton check:selected:focus:hover:disabled, row.activatable checkbutton check:selected:hover:disabled, row.activatable checkbutton check:selected:focus:hover:disabled, row radiobutton radio:selected:hover:disabled, row radiobutton radio:selected:focus:hover:disabled, treeview.view radiobutton radio:selected:hover:disabled, treeview.view radiobutton radio:selected:focus:hover:disabled, row.activatable radiobutton radio:selected:hover:disabled, row.activatable radiobutton radio:selected:focus:hover:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -12px;
+  padding: 12px;
+  background-color: transparent;
+  border: none;
+  outline: none;
+}
+
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #7C4DFF;
+}
+
+check:checked:disabled, check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(124, 77, 255, 0.5);
+}
+
+popover modelbutton.flat check, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) {
+  margin-left: -12px;
+  margin-right: -4px;
+}
+
+popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) {
+  margin-left: -4px;
+  margin-right: -12px;
+}
+
+popover.menu modelbutton check, popover.menu modelbutton radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu modelbutton check:dir(ltr), popover.menu modelbutton radio:dir(ltr) {
+  margin-right: 8px;
+}
+
+popover.menu modelbutton check:dir(rtl), popover.menu modelbutton radio:dir(rtl) {
+  margin-left: 8px;
+}
+
+popover.menu modelbutton check:not(:checked):not(:indeterminate):not(:disabled), popover.menu modelbutton radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+popover.menu modelbutton check, popover.menu modelbutton check:hover, popover.menu modelbutton check:disabled, popover.menu modelbutton radio, popover.menu modelbutton radio:hover, popover.menu modelbutton radio:disabled {
+  box-shadow: none;
+}
+
+
+check {
+  -gtk-icon-size: 24px;
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
+}
+
+
+check:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
+}
+
+
+check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
+}
+
+
+radio {
+  -gtk-icon-size: 24px;
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
+}
+
+
+radio:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
+}
+
+
+radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
+}
+
+
+popover.menu modelbutton check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 7px;
+  -gtk-icon-size: 16px;
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
+}
+
+
+popover.menu modelbutton check:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
+}
+
+
+popover.menu modelbutton check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
+}
+
+
+popover.menu modelbutton radio {
+  min-height: 16px;
+  min-width: 16px;
+  border-image: none;
+  -gtk-icon-size: 16px;
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
+}
+
+
+popover.menu modelbutton radio:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
+}
+
+
+popover.menu modelbutton radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active,
+radio:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+check:not(:checked),
+radio:not(:checked) {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
+}
+
+popover.menu modelbutton check:not(:checked), popover.menu modelbutton radio:not(:checked) {
+  transition: none;
+}
+
+treeview.view check,
+treeview.view radio {
+  padding: 0;
+}
+
+treeview.view check:hover,
+treeview.view radio:hover {
+  box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
+}
+
+treeview.view check:hover:disabled,
+treeview.view radio:hover:disabled {
+  box-shadow: none;
+}
+
+treeview.view check:hover:selected,
+treeview.view radio:hover:selected {
+  box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
+}
+
+treeview.view check,
+treeview.view radio {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+treeview.view check:hover, treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #FFFFFF;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+treeview.view check:checked, treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #7C4DFF;
+}
+
+treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(124, 77, 255, 0.5);
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
+  border-image: none;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar .linked.path-bar:not(.vertical) > button,
+headerbar stackswitcher.linked:not(.vertical) > button {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar .linked:not(.vertical).path-bar > button:hover,
+headerbar stackswitcher.linked:not(.vertical) > button:hover {
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0 -2px transparent;
+}
+
+headerbar .linked:not(.vertical).path-bar > button:active,
+headerbar stackswitcher.linked:not(.vertical) > button:active {
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.15);
+  box-shadow: inset 0 -2px transparent;
+}
+
+headerbar .linked:not(.vertical).path-bar > button:checked,
+headerbar stackswitcher.linked:not(.vertical) > button:checked {
+  border-radius: 0;
+  color: #FFFFFF;
+  background-color: transparent;
+  box-shadow: inset 0 -2px #5657f5;
+  background-image: none;
+}
+
+headerbar .linked:not(.vertical).path-bar > button:checked:backdrop,
+headerbar stackswitcher.linked:not(.vertical) > button:checked:backdrop, headerbar .linked:not(.vertical).path-bar > button:active:backdrop,
+headerbar stackswitcher.linked:not(.vertical) > button:active:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+  box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5);
+}
+
+headerbar {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+  color: #FFFFFF;
+  border-radius: 13px 13px 0 0;
+}
+
+headerbar:disabled :not(button) > label {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled :not(button) > label {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.sidebar-pane headerbar {
+  border-top-right-radius: 0;
+}
+
+.content-pane headerbar {
+  border-top-left-radius: 0;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar entry {
+  background-color: #3d3d48;
+}
+
+headerbar entry:focus {
+  background-color: #444450;
+}
+
+headerbar .linked:not(.vertical) > entry:not(.flat) {
+  border-radius: 7px;
+}
+
+headerbar .linked:not(.vertical) > button {
+  border-radius: 7px;
+}
+
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  border-image: none;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar button:not(.suggested-action):not(.destructive-action):hover, headerbar button:not(.suggested-action):not(.destructive-action):active {
+  color: #FFFFFF;
+}
+
+headerbar button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar button:not(.suggested-action):not(.destructive-action):checked {
+  border-image: none;
+  background-color: #5657f5;
+  color: #FFFFFF;
+  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12);
+}
+
+headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: rgba(86, 87, 245, 0.5);
+}
+
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  background-image: none;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled {
+  background-color: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button,
+headerbar .linked > menubutton,
+headerbar entry > menubutton {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+headerbar splitbutton {
+  border-radius: 9999px;
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar switch {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar.titlebar, .titlebar headerbar, .solid-csd headerbar, box > headerbar:only-child {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.08);
+}
+
+headerbar.titlebar.default-decoration, .csd headerbar.titlebar.default-decoration {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+box headerbar:not(:only-child):first-child, box headerbar:not(:only-child):last-child {
+  border-left-color: #31313a;
+  border-right-color: #31313a;
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1);
+  animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0;
+  color: #FFFFFF;
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):hover {
+  color: #FFFFFF;
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
+  color: #FFFFFF;
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+.tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar {
+  border-radius: 0;
+}
+
+headerbar.default-decoration {
+  min-height: 36px;
+  padding: 0;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #31313a;
+  background-image: none;
+}
+
+.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration {
+  box-shadow: none;
+}
+
+headerbar.default-decoration windowcontrols button {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 0 2px;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+headerbar separator.titlebutton {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+  border: none;
+}
+
+window.csd > .titlebar:not(headerbar) {
+  padding: 0;
+  background-color: transparent;
+  background-image: none;
+  border: none;
+  box-shadow: none;
+}
+
+.titlebar:not(headerbar) > separator {
+  background-color: #31313a;
+}
+
+window.devel headerbar.titlebar {
+  background: #34343b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(86, 87, 245, 0.1)), linear-gradient(to top, #232328 3px, #28282d);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #34343b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#34343b);
+  /* background-color would flash */
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 4px;
+  min-width: 4px;
+  padding: 16px;
+}
+
+scale > trough {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+scale > trough:disabled {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+scale > trough > slider {
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+}
+
+scale > trough > slider, scale > trough > slider:focus, scale > trough > slider:hover, scale > trough > slider:active {
+  border: none;
+  outline: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+scale > trough > highlight {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #7C4DFF;
+}
+
+scale > trough > highlight:disabled {
+  background-color: transparent;
+}
+
+scale > trough > fill {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+scale > trough > fill:disabled {
+  background-color: transparent;
+}
+
+scale > trough > slider {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: auto, 1000% 1000%;
+  border-radius: 50%;
+  color: transparent;
+}
+
+scale > trough > slider {
+  background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png"));
+}
+
+scale > trough > slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png"));
+}
+
+scale > trough > slider:hover {
+  background-color: rgba(124, 77, 255, 0.08);
+}
+
+scale > trough > slider:focus {
+  background-color: rgba(124, 77, 255, 0.12);
+}
+
+scale > trough > slider:focus:hover {
+  background-color: rgba(124, 77, 255, 0.16);
+}
+
+scale > trough > slider:active {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
+  animation: scale_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: rgba(124, 77, 255, 0.08);
+  color: rgba(124, 77, 255, 0.12);
+}
+
+scale.fine-tune slider {
+  background-size: calc(100% - 12px);
+}
+
+scale > marks label,
+scale > value {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+scale > marks {
+  color: rgba(255, 255, 255, 0.2);
+}
+
+scale > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale > marks.left {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale > marks.right {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.fine-tune marks.left {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.fine-tune marks.right {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider {
+  transform: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png"));
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png"));
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png"));
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png"));
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png"));
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png"));
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png"));
+}
+
+scale.color {
+  min-height: 0;
+  min-width: 0;
+}
+
+scale.color.horizontal {
+  padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
+  margin-bottom: -16px;
+  margin-top: -6px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -16px;
+  margin-right: -6px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -16px;
+  margin-left: -6px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: smaller;
+}
+
+progressbar.horizontal > trough {
+  min-width: 150px;
+}
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress {
+  min-height: 4px;
+}
+
+progressbar.vertical > trough {
+  min-height: 80px;
+}
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress {
+  min-width: 4px;
+}
+
+progressbar > trough {
+  border-radius: 9999px;
+  background-color: rgba(93, 125, 251, 0.3);
+}
+
+progressbar > trough > progress {
+  border-radius: 9999px;
+  background-color: #5D7DFB;
+  background-image: linear-gradient(to left, #BA68C8, #7E57C2);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+progressbar.osd {
+  min-width: 3px;
+  min-height: 3px;
+  background-color: transparent;
+  padding: 0;
+  margin: 0;
+  box-shadow: none;
+}
+
+progressbar.osd > trough {
+  border-style: none;
+  border-radius: 0;
+  background-color: transparent;
+  box-shadow: none;
+}
+
+progressbar.osd > trough > progress {
+  border-style: none;
+  border-radius: 0;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 4px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical > trough > block {
+  min-width: 4px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar > trough {
+  padding: 2px;
+  border-radius: 5px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #31313a;
+}
+
+levelbar > trough:disabled {
+  background-color: #3b3b43;
+}
+
+levelbar > trough > block.low {
+  background-color: #FF6D00;
+}
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) {
+  background-color: #5657f5;
+}
+
+levelbar > trough > block.full {
+  background-color: #00C853;
+}
+
+levelbar > trough > block.empty {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #FFFFFF;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+  color: #FFFFFF;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border {
+  border-style: none;
+}
+
+frame {
+  border-radius: 8px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+overshoot.top {
+  background-image: radial-gradient(farthest-side at top, rgba(230, 230, 230, 0.08) 85%, rgba(230, 230, 230, 0)), radial-gradient(farthest-side at top, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0));
+  background-size: 100% 3%, 100% 50%;
+  background-repeat: no-repeat;
+  background-position: top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-image: radial-gradient(farthest-side at bottom, rgba(230, 230, 230, 0.08) 85%, rgba(230, 230, 230, 0)), radial-gradient(farthest-side at bottom, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0));
+  background-size: 100% 3%, 100% 50%;
+  background-repeat: no-repeat;
+  background-position: bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-image: radial-gradient(farthest-side at left, rgba(230, 230, 230, 0.08) 85%, rgba(230, 230, 230, 0)), radial-gradient(farthest-side at left, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0));
+  background-size: 3% 100%, 50% 100%;
+  background-repeat: no-repeat;
+  background-position: left;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-image: radial-gradient(farthest-side at right, rgba(230, 230, 230, 0.08) 85%, rgba(230, 230, 230, 0)), radial-gradient(farthest-side at right, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0));
+  background-size: 3% 100%, 50% 100%;
+  background-repeat: no-repeat;
+  background-position: right;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+separator.spacer {
+  border: none;
+  background-color: transparent;
+}
+
+
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview,
+list {
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+listview > row,
+list > row {
+  padding: 3px;
+  background-clip: padding-box;
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 3px;
+}
+
+listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator),
+list.horizontal row.separator,
+list.separators.horizontal > row:not(.separator) {
+  border-left: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+listview: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 rgba(255, 255, 255, 0.08);
+}
+
+columnview.view > header > button,
+treeview.view > header > button, row.activatable {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, color 0;
+  background-color: transparent;
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover, row.activatable:hover {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, color 0, background-color 0;
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+columnview.view > header > button.has-open-popup,
+treeview.view > header > button.has-open-popup, columnview.view > header > button:active,
+treeview.view > header > button:active, row.activatable.has-open-popup, row.activatable:active {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, color 0;
+  background-color: rgba(255, 255, 255, 0.15);
+  background-size: 0% 0%;
+}
+
+row button.circular {
+  margin: 0 6px;
+}
+
+treeexpander {
+  border-spacing: 6px;
+}
+
+columnview > listview > row {
+  padding: 0;
+}
+
+columnview > listview > row > cell {
+  padding: 8px 6px;
+}
+
+columnview > listview > row > cell:not(:first-child) {
+  border-left: 1px solid transparent;
+}
+
+columnview.column-separators > listview > row > cell {
+  border-left-color: #474751;
+}
+
+columnview.data-table > listview > row > cell {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+columnview > header > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-left: 1px solid transparent;
+}
+
+columnview > header > button:first-child {
+  border-left-width: 0;
+}
+
+columnview.column-separators > listview > row > cell,
+columnview.column-separators > header > button {
+  border-left-color: rgba(255, 255, 255, 0.08);
+}
+
+columnview > listview:not(.horizontal).separators > row:not(.separator) {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  border-bottom: none;
+}
+
+columnview.data-table > listview > row > cell {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+columnview ~ undershoot.top {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid rgba(255, 255, 255, 0.05);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #5657f5;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: #FFFFFF;
+  background-color: #5657f5;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 6px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/****************
+ * AdwActionRow *
+ ****************/
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  border-spacing: 6px;
+  min-height: 58px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+  padding: 0;
+}
+
+row > box.header > box.title,
+row > box.header > box.title > .title,
+row > box.header > box.title > .subtitle {
+  padding: 0;
+  font-weight: inherit;
+}
+
+row > box.header > .prefixes,
+row > box.header > .suffixes {
+  border-spacing: 6px;
+}
+
+row > box.header > .icon:dir(ltr),
+row > box.header > .prefixes:dir(ltr) {
+  margin-right: 6px;
+}
+
+row > box.header > .icon:dir(rtl),
+row > box.header > .prefixes:dir(rtl) {
+  margin-left: 6px;
+}
+
+/***************
+ * AdwComboRow *
+ ***************/
+row.combo image.dropdown-arrow:disabled {
+  filter: opacity(0.35);
+}
+
+row.combo listview.inline {
+  background: none;
+  border: none;
+  box-shadow: none;
+  color: inherit;
+}
+
+row.combo listview.inline, row.combo listview.inline:disabled {
+  background: none;
+  color: inherit;
+}
+
+row.combo popover > contents {
+  min-width: 120px;
+}
+
+/******************
+ * AdwExpanderRow *
+ ******************/
+list.content > row, list.content > row.expander row.header,
+list.boxed-list > row,
+list.boxed-list > row.expander row.header, row.expander list.nested > row {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(255, 255, 255, 0.7);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.osd list.content > row:focus:focus-visible, .osd list.content > row.expander row.header:focus:focus-visible, list.content > row.expander .osd row.header:focus:focus-visible,
+.osd list.boxed-list > row:focus:focus-visible,
+.osd list.boxed-list > row.expander row.header:focus:focus-visible,
+list.boxed-list > row.expander .osd row.header:focus:focus-visible, .osd row.expander list.nested > row:focus:focus-visible, row.expander .osd list.nested > row:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.15);
+}
+
+row.expander {
+  background: none;
+  padding: 0;
+}
+
+row.expander > box > list {
+  background: none;
+  color: inherit;
+}
+
+row.expander list.nested {
+  background-color: #31313a;
+  color: inherit;
+}
+
+row.expander image.expander-row-arrow {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+row.expander image.expander-row-arrow:dir(ltr) {
+  margin-left: 6px;
+}
+
+row.expander image.expander-row-arrow:dir(rtl) {
+  margin-right: 6px;
+}
+
+row.expander:checked image.expander-row-arrow {
+  -gtk-icon-transform: rotate(0turn);
+}
+
+row.expander:not(:checked) image.expander-row-arrow:dir(ltr) {
+  -gtk-icon-transform: rotate(0.5turn);
+}
+
+row.expander:not(:checked) image.expander-row-arrow:dir(rtl) {
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+row.expander:checked image.expander-row-arrow:not(:disabled) {
+  color: #5657f5;
+}
+
+.osd row.expander:checked image.expander-row-arrow:not(:disabled) {
+  color: inherit;
+}
+
+row.expander image.expander-row-arrow:disabled {
+  filter: opacity(0.35);
+}
+
+/*****************
+ * Boxed Lists *
+ *****************/
+list.content > row.expander,
+list.boxed-list > row.expander {
+  border: none;
+}
+
+list.content > row:first-child, list.content > row:first-child.expander row.header,
+list.boxed-list > row:first-child,
+list.boxed-list > row:first-child.expander row.header {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.content > row:only-child, list.content > row:only-child.expander:not(:checked), list.content > row:only-child.expander:not(:checked) row.header, list.content > row:only-child.expander:checked list.nested, list.content > row:only-child.expander:checked list.nested > row:last-child,
+list.boxed-list > row:last-child,
+list.boxed-list > row:last-child.expander:not(:checked),
+list.boxed-list > row:last-child.expander:not(:checked) row.header,
+list.boxed-list > row:last-child.expander:checked list.nested,
+list.boxed-list > row:last-child.expander:checked list.nested > row:last-child,
+list.boxed-list > row:only-child,
+list.boxed-list > row:only-child.expander:not(:checked),
+list.boxed-list > row:only-child.expander:not(:checked) row.header,
+list.boxed-list > row:only-child.expander:checked list.nested,
+list.boxed-list > row:only-child.expander:checked list.nested > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+  border-bottom-width: 0;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(255, 255, 255, 0.7);
+}
+
+expander:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+expander:checked {
+  -gtk-icon-transform: unset;
+}
+
+expander:hover, expander:active {
+  color: #FFFFFF;
+}
+
+expander:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+expander:selected {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+expander:selected:hover, expander:selected:active {
+  color: #FFFFFF;
+}
+
+expander:selected:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  color: rgba(255, 255, 255, 0.7);
+  border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+calendar > header {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+calendar > header > button {
+  border: none;
+  box-shadow: none;
+  background: none;
+  border-radius: 0;
+}
+
+calendar > header > button:backdrop {
+  background: none;
+}
+
+calendar > grid > label {
+  border-radius: 3px;
+}
+
+calendar > grid > label.today {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+calendar > grid > label.day-number {
+  padding: 4px;
+}
+
+calendar > grid > label.day-number:selected {
+  border-radius: 3px;
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+window.dialog.message.background {
+  background-color: rgba(68, 69, 75, 0.95);
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: rgba(68, 69, 75, 0.95);
+  color: rgba(255, 255, 255, 0.8);
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+window.dialog.message .titlebar:backdrop {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+window.dialog.message list, window.dialog.message row, window.dialog.message .view, window.dialog.message textview.view > text {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: #3d3e43;
+  border-color: rgba(255, 255, 255, 0.12);
+}
+
+window.dialog.message .linked:not(.vertical).dialog-action-area > button {
+  padding: 4px 12px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 0;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+window.dialog.message .linked:not(.vertical).dialog-action-area > button:first-child {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.dialog.message .linked:not(.vertical).dialog-action-area > button:last-child {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+
+window.dialog.message .linked:not(.vertical).dialog-action-area > button.suggested-action, window.dialog.message .linked:not(.vertical).dialog-action-area > button.suggested-action:hover {
+  color: #7C4DFF;
+}
+
+window.dialog.message .linked:not(.vertical).dialog-action-area > button.suggested-action:active, window.dialog.message .linked:not(.vertical).dialog-action-area > button.suggested-action:checked {
+  background-color: #7C4DFF;
+  color: white;
+  border-color: #7C4DFF;
+  box-shadow: none;
+}
+
+window.dialog.message .linked:not(.vertical).dialog-action-area > button.suggested-action:disabled {
+  opacity: 0.65;
+}
+
+window.dialog.message .linked:not(.vertical).dialog-action-area > button.destructive-action, window.dialog.message .linked:not(.vertical).dialog-action-area > button.destructive-action:hover {
+  color: #FF5252;
+}
+
+window.dialog.message .linked:not(.vertical).dialog-action-area > button.destructive-action:active, window.dialog.message .linked:not(.vertical).dialog-action-area > button.destructive-action:checked {
+  background-color: #FF5252;
+  color: white;
+  border-color: #FF5252;
+  box-shadow: none;
+}
+
+window.dialog.message .linked:not(.vertical).dialog-action-area > button.destructive-action:disabled {
+  opacity: 0.65;
+}
+
+window.dialog.message.csd {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+window.dialog.message.csd.background {
+  border-bottom-left-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+window.dialog.message.csd .linked:not(.vertical).dialog-action-area > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 0;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+window.dialog.message.csd .linked:not(.vertical).dialog-action-area > button:first-child {
+  border-bottom-left-radius: 7px;
+  border-top-left-radius: 0;
+}
+
+window.dialog.message.csd .linked:not(.vertical).dialog-action-area > button:last-child {
+  border-bottom-right-radius: 7px;
+  border-top-right-radius: 0;
+}
+
+window.dialog.message entry {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+window.dialog.message expander title > arrow {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+window.dialog.message expander title > arrow:hover, window.dialog.message expander title > arrow:active {
+  color: #FFFFFF;
+}
+
+window.dialog.message expander title > arrow:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: #34343b;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+  background-color: #3c3c46;
+}
+
+.sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
+  border-right: 1px solid #474751;
+  border-left-style: none;
+}
+
+.sidebar:dir(rtl), .sidebar.right {
+  border-left: 1px solid #474751;
+  border-right-style: none;
+}
+
+.sidebar listview.view,
+.sidebar list {
+  background-color: transparent;
+}
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
+  border-style: none;
+}
+
+separator.sidebar:dir(ltr), separator.sidebar.left, separator.sidebar.left:dir(rtl),
+leaflet .sidebar:dir(ltr),
+leaflet .sidebar.left,
+leaflet .sidebar.left:dir(rtl),
+flap .sidebar:dir(ltr),
+flap .sidebar.left,
+flap .sidebar.left:dir(rtl) {
+  border-right: none;
+}
+
+separator.sidebar:dir(rtl), separator.sidebar.right,
+leaflet .sidebar:dir(rtl),
+leaflet .sidebar.right,
+flap .sidebar:dir(rtl),
+flap .sidebar.right {
+  border-left: none;
+}
+
+separator.sidebar {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+stacksidebar list.separators:not(.horizontal) > row:not(.separator) {
+  border-bottom: none;
+}
+
+stacksidebar row {
+  padding: 10px 4px;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.navigation-sidebar {
+  padding: 6px;
+}
+
+.navigation-sidebar > separator {
+  margin: 6px;
+}
+
+.navigation-sidebar > row {
+  min-height: 28px;
+  padding: 3px 6px;
+  border-radius: 7px;
+  margin: 0;
+}
+
+.navigation-sidebar > row + row {
+  margin-top: 3px;
+}
+
+.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within {
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.06);
+}
+
+.navigation-sidebar > row:selected {
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+.navigation-sidebar > row:selected label {
+  color: #FFFFFF;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: rgba(255, 255, 255, 0.12);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline-width: 0;
+  color: #FFFFFF;
+  background-color: #5657f5;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: #8687f8;
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+/****************
+ * File chooser *
+ ****************/
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button {
+  color: rgba(86, 87, 245, 0.75);
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:hover,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:hover, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:active,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:active {
+  color: #5657f5;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:disabled,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:disabled {
+  color: rgba(86, 87, 245, 0.35);
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:checked,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:checked {
+  background-color: rgba(86, 87, 245, 0.1);
+  color: #5657f5;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:checked:disabled,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:checked:disabled {
+  background-color: rgba(86, 87, 245, 0.05);
+  color: rgba(86, 87, 245, 0.55);
+}
+
+row image.sidebar-icon {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+row:selected image.sidebar-icon {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row {
+  min-height: 32px;
+  padding: 0;
+  margin: 0;
+  border-radius: 0 7px 7px 0;
+}
+
+placessidebar .navigation-sidebar > row > revealer {
+  padding: 0 12px;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  background-color: rgba(255, 255, 255, 0.06);
+  color: #5657f5;
+}
+
+placessidebar .navigation-sidebar > row:selected image.sidebar-icon, placessidebar .navigation-sidebar > row:selected label.sidebar-label {
+  color: #9e9ff9;
+}
+
+placessidebar .navigation-sidebar > row:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row {
+  min-height: 2px;
+  padding: 0 8px;
+  background-image: image(#7C4DFF);
+  background-clip: content-box;
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row, placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #7C4DFF;
+}
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) {
+  box-shadow: inset 0 0 0 2px #7C4DFF;
+}
+
+placesview .server-list-button > image {
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border-style: none;
+  background-color: transparent;
+  background-image: image(rgba(255, 255, 255, 0.08));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #34343b;
+  background-image: image(rgba(255, 255, 255, 0.08)), image(rgba(255, 255, 255, 0.08));
+  background-size: 1px 1px, 1px 1px;
+}
+
+paned.horizontal > separator {
+  background-repeat: repeat-y;
+}
+
+paned.horizontal > separator:dir(ltr) {
+  margin: 0 -8px 0 0;
+  padding: 0 8px 0 0;
+  background-position: left;
+}
+
+paned.horizontal > separator:dir(rtl) {
+  margin: 0 0 0 -8px;
+  padding: 0 0 0 8px;
+  background-position: right;
+}
+
+paned.horizontal > separator.wide {
+  margin: 0;
+  padding: 0;
+  background-repeat: repeat-y, repeat-y;
+  background-position: left, right;
+}
+
+paned.vertical > separator {
+  margin: 0 0 -8px 0;
+  padding: 0 0 8px 0;
+  background-repeat: repeat-x;
+  background-position: top;
+}
+
+paned.vertical > separator.wide {
+  margin: 0;
+  padding: 0;
+  background-repeat: repeat-x, repeat-x;
+  background-position: bottom, top;
+}
+
+video {
+  background: black;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border-style: none;
+}
+
+infobar.info {
+  background-color: #66BB6A;
+}
+
+infobar.question {
+  background-color: #42A5F5;
+}
+
+infobar.warning {
+  background-color: #FFA726;
+}
+
+infobar.error {
+  background-color: #EF5350;
+}
+
+infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
+  color: #FFFFFF;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  padding: 6px;
+  border-radius: 8px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
+}
+
+tooltip.background {
+  border-radius: 8px;
+  background-color: rgba(0, 0, 0, 0.75);
+  color: white;
+  border: none;
+}
+
+tooltip label {
+  min-height: 20px;
+  padding: 0 3px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 5.5px;
+  border-top-right-radius: 5.5px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 5.5px;
+  border-bottom-right-radius: 5.5px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+  border-top-left-radius: 5.5px;
+  border-bottom-left-radius: 5.5px;
+}
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 5px;
+  border-bottom-left-radius: 5px;
+}
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 5.5px;
+  border-bottom-right-radius: 5.5px;
+}
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+
+colorswatch.dark {
+  color: #FFFFFF;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch:drop(active) {
+  box-shadow: none;
+}
+
+colorswatch:drop(active).light overlay {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px #7C4DFF;
+}
+
+colorswatch:drop(active).dark overlay {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px #7C4DFF;
+}
+
+colorswatch overlay {
+  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+colorswatch#add-color-button {
+  border-radius: 5px 5px 0 0;
+  color: #FFFFFF;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 5px;
+}
+
+colorswatch#add-color-button overlay {
+  background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 5.5px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 5px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 7px;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #31313a;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #34343b;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+  border: none;
+}
+
+window.csd {
+  border-radius: 13px;
+  box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16), 0 0 36px transparent;
+  margin: 0;
+  outline: none;
+  transition: none;
+}
+
+window.csd:backdrop {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), 0 0 36px transparent;
+  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left {
+  border-radius: 0;
+}
+
+window.csd.maximized, window.csd.fullscreen {
+  box-shadow: none;
+}
+
+window.solid-csd {
+  margin: 0;
+  border: none;
+  border-radius: 0;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #31313a;
+}
+
+window.ssd {
+  box-shadow: none;
+}
+
+/*****************
+ * Title buttons *
+ *****************/
+headerbar windowcontrols {
+  border-spacing: 6px;
+}
+
+headerbar windowcontrols:not(.empty).start:dir(ltr), headerbar windowcontrols:not(.empty).end:dir(rtl) {
+  padding: 0 12px;
+  margin-right: 6px;
+}
+
+headerbar windowcontrols:not(.empty).start:dir(rtl), headerbar windowcontrols:not(.empty).end:dir(ltr) {
+  padding: 0 12px;
+  margin-left: 6px;
+}
+
+headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action) > image {
+  padding: 0;
+  border: none;
+  outline: none;
+  box-shadow: none;
+  background: none;
+}
+
+headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize {
+  min-width: 12px;
+  min-height: 12px;
+  padding: 0;
+  margin: 0 2px;
+  color: transparent;
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:hover, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:backdrop:hover, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:hover, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:backdrop:hover, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:hover, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:backdrop:hover {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:checked, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:backdrop:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:backdrop:checked, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:checked, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:backdrop:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:backdrop:checked, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:checked, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:backdrop:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:backdrop:checked {
+  color: #FFFFFF;
+}
+
+headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:backdrop, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:backdrop, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:backdrop {
+  color: transparent;
+  background-color: rgba(255, 255, 255, 0.12);
+}
+
+headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close {
+  transition: background-size 0, background-image 0, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:hover {
+  padding: 2px;
+  margin: -2px 0;
+  background-color: #EF5350;
+  color: rgba(255, 255, 255, 0.7);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:checked {
+  padding: 2px;
+  margin: -2px 0;
+  background-color: #7C4DFF;
+  color: #FFFFFF;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover, .view selection, .view:selected, iconview selection, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, spinbutton > text > selection, spinbutton:not(.vertical) > text > selection, row:selected, calendar > grid > label.today:selected, calendar > grid > label.day-number:selected {
+  background-color: #5657f5;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover, .view selection, .view:selected, iconview selection, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, spinbutton > text > selection, spinbutton:not(.vertical) > text > selection, row:selected, calendar > grid > label.today:selected, calendar > grid > label.day-number:selected {
+  color: #FFFFFF;
+}
+
+emoji-completion-row:disabled:focus,
+emoji-completion-row:disabled:hover, .view selection:disabled, .view:disabled:selected, iconview selection:disabled, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, entry > text > selection:disabled, spinbutton > text > selection:disabled, row:disabled:selected, calendar > grid > label.today:disabled:selected, calendar > grid > label.day-number:disabled:selected {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  border-radius: 9999px;
+  background-color: #7C4DFF;
+  background-image: none;
+}
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
+  padding-left: 6px;
+  border-top-right-radius: 0;
+}
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
+  padding-right: 6px;
+  border-top-left-radius: 0;
+}
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+  -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+.context-menu {
+  font: initial;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(255, 255, 255, 0.08);
+  border-radius: 5px;
+  box-shadow: inset 0 -2px rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+  color: #FFFFFF;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  transition: all 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 0 0 2px #7C4DFF;
+  caret-color: #7C4DFF;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+.lowres-icon {
+  -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.emoji-toolbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+button.emoji-section {
+  margin-top: -1px;
+  padding: 0 8px;
+  min-width: 24px;
+  min-height: 36px;
+  border-radius: 0;
+  box-shadow: none;
+}
+
+button.emoji-section:hover {
+  box-shadow: inset 0 2px rgba(255, 255, 255, 0.2);
+}
+
+button.emoji-section:active {
+  box-shadow: inset 0 2px #5657f5;
+}
+
+button.emoji-section:checked {
+  box-shadow: inset 0 2px #5657f5;
+  background-color: transparent;
+}
+
+button.emoji-section:first-child {
+  margin-left: 4px;
+}
+
+button.emoji-section:last-child {
+  margin-right: 4px;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover {
+  background: #5657f5;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row emoji:focus,
+emoji-completion-row emoji:hover {
+  background: none;
+  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.05);
+  border-radius: 3px;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+statusbar {
+  padding: 6px 10px;
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd:not(.view), .nautilus-window.background.csd .sidebar-pane {
+  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
+  background-size: 48px auto;
+  background-position: left bottom;
+  background-repeat: no-repeat;
+  background-color: rgba(49, 49, 58, 0.97);
+}
+
+.nautilus-window.background.csd:not(.view) headerbar, .nautilus-window.background.csd .sidebar-pane headerbar {
+  background-color: transparent;
+  background-image: -gtk-scaled(url("assets/header-icon.png"), url("assets/header-icon@2.png"));
+  background-size: 48px auto;
+  background-position: left bottom;
+  background-repeat: no-repeat;
+  padding-left: 54px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  border: none;
+}
+
+.nautilus-window.background.csd .background .top-bar headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd .background list.navigation-sidebar {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd .background list.navigation-sidebar > row {
+  border-radius: 0;
+}
+
+.nautilus-window.background.csd .nautilus-grid-view, .nautilus-window.background.csd .nautilus-grid-view gridview.view {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd .nautilus-grid-view gridview.view {
+  padding: 3px 0;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  margin: 0 6px 6px 0;
+}
+
+.nautilus-window.background.csd .nautilus-list-view, .nautilus-window.background.csd .nautilus-list-view .view {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd placesview label {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd placesview label:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.nautilus-window.background.csd placesview list, .nautilus-window.background.csd placesview actionbar, .nautilus-window.background.csd placesview actionbar > revealer > box {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar {
+  background: none;
+  margin-right: 6px;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar {
+  background-color: transparent;
+  padding: 0;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row {
+  padding-left: 6px;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row .sidebar-revealer,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row .sidebar-revealer {
+  padding: 0 0 0 12px;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:hover, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:active, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected:hover, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected:active, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:focus,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:hover,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:active,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected:hover,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected:active,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:focus {
+  transition: none;
+  animation: none;
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row image.sidebar-icon,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row image.sidebar-icon {
+  color: rgba(255, 255, 255, 0.7);
+  margin-right: 6px;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row label.sidebar-label,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row label.sidebar-label {
+  padding-left: 18px;
+  color: rgba(255, 255, 255, 0.7);
+  border-radius: 0 7px 7px 0;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:hover label.sidebar-label,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:hover label.sidebar-label {
+  background-color: rgba(255, 255, 255, 0.03);
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:backdrop,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:backdrop {
+  opacity: 0.85;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected label.sidebar-label,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected label.sidebar-label {
+  color: #9e9ff9;
+  background-color: rgba(255, 255, 255, 0.06);
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected image.sidebar-icon,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected image.sidebar-icon {
+  color: #FFFFFF;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar separator,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar separator {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd #NautilusPathBar {
+  border-radius: 9999px;
+  margin: 6px 0;
+  padding: 0;
+  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window.background.csd #NautilusPathBar .dim-label, .nautilus-window.background.csd #NautilusPathBar label.separator, .nautilus-window.background.csd #NautilusPathBar entry > text > placeholder, .nautilus-window.background.csd #NautilusPathBar spinbutton:not(.vertical) > text > placeholder, .nautilus-window.background.csd #NautilusPathBar headerbar .subtitle, headerbar .nautilus-window.background.csd #NautilusPathBar .subtitle, .nautilus-window.background.csd #NautilusPathBar row label.subtitle, row .nautilus-window.background.csd #NautilusPathBar label.subtitle, .nautilus-window.background.csd #NautilusPathBar row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) .nautilus-window.background.csd #NautilusPathBar image.expander-row-arrow {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action) {
+  margin: 0;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):hover {
+  background-color: rgba(255, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):active, .nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: rgba(255, 255, 255, 0.3);
+  box-shadow: none;
+  background-image: none;
+}
+
+.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):hover, .nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):active, .nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):checked {
+  color: #FFFFFF;
+}
+
+.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action).current-dir {
+  color: #FFFFFF;
+}
+
+.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action).current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd #NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+.nautilus-window.background.csd #NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+.nautilus-window.background.csd #NautilusPathBar > menubutton > button:checked {
+  background-color: rgba(255, 255, 255, 0.3);
+  box-shadow: none;
+  background-image: none;
+}
+
+.nautilus-window.background.csd #NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+.nautilus-window.background.csd #NautilusQueryEditor {
+  border-radius: 9999px;
+  color: rgba(255, 255, 255, 0.7);
+  padding: 0 4px 0 8px;
+}
+
+.nautilus-window.background.csd #NautilusQueryEditor:focus-within {
+  color: #FFFFFF;
+}
+
+.nautilus-window.background.csd #NautilusQueryEditor:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button {
+  min-width: 28px;
+  min-height: 28px;
+  margin: 4px 0;
+  padding: 0;
+}
+
+.nautilus-window.background.csd #NautilusQueryEditor > text {
+  margin: 0;
+}
+
+.nautilus-window.background.csd #NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+.nautilus-window.background.csd #NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+.nautilus-window.background.csd label.search-information {
+  margin: 2px;
+  border-radius: 3px;
+}
+
+.nautilus-window.background.csd flap > separator {
+  min-width: 20px;
+  color: transparent;
+  background-image: url("assets/scalable/side-paned.svg");
+  background-size: 20px 750px;
+  background-position: left center;
+  background-repeat: no-repeat;
+  background-color: transparent;
+  border: none;
+}
+
+.nautilus-window.background.csd .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 0;
+  border-style: solid solid none;
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  border-radius: 13px 13px 0 0;
+  color: #FFFFFF;
+  background-color: #31313a;
+  background-clip: border-box;
+  transition: all 225ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd .floating-bar.bottom.left {
+  margin-right: 7px;
+  border-left-style: none;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 13px;
+}
+
+.nautilus-window.background.csd .floating-bar.bottom.right {
+  margin-left: 7px;
+  border-right-style: none;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 13px;
+}
+
+.nautilus-window.background.csd .floating-bar button {
+  margin: 4px;
+}
+
+.nautilus-window.background.csd.maximized .floating-bar {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.details-page {
+  margin: 24px 0px;
+}
+
+.installed-overlay-box {
+  font-size: smaller;
+  background-color: #5657f5;
+  border-radius: 0;
+  color: #FFFFFF;
+  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
+}
+
+screenshot-carousel box.frame {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+screenshot-carousel button,
+.featured-carousel button {
+  margin: 12px;
+}
+
+.screenshot-image-main .image1,
+.screenshot-image-main .image2 {
+  margin-top: 6px;
+  margin-bottom: 12px;
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+.app-tile-label {
+  font-size: 105%;
+}
+
+.review-textbox {
+  padding: 6px;
+}
+
+.origin-rounded-box {
+  background-color: rgba(255, 255, 255, 0.08);
+  border-radius: 9999px;
+  padding: 4px;
+}
+
+.origin-beta {
+  color: #FF6D00;
+}
+
+.origin-button > button {
+  padding: 3px 9px;
+}
+
+flowboxchild.card {
+  border: none;
+  box-shadow: none;
+  padding: 0;
+  background: none;
+}
+
+button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 7px;
+  min-width: 140px;
+  font-weight: 900;
+  font-size: larger;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+button.card.category-tile.category-tile-iconless {
+  padding: 9px 15px;
+  min-width: 130px;
+  font-size: 105%;
+  font-weight: normal;
+  box-shadow: none;
+}
+
+button.card.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: white;
+}
+
+button.card.category-tile.category-create:hover {
+  background: linear-gradient(180deg, shade(#ce8cd7, 1.07) 0%, shade(#2861c6, 1.1) 100%);
+  color: white;
+}
+
+button.card.category-tile.category-create:active {
+  background: linear-gradient(180deg, shade(#ce8cd7, 0.95) 0%, shade(#2861c6, 0.95) 100%);
+  color: white;
+}
+
+button.card.category-tile.category-develop {
+  background: #5e5c64;
+  color: white;
+}
+
+button.card.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+  color: white;
+}
+
+button.card.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+  color: white;
+}
+
+button.card.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: white;
+}
+
+button.card.category-tile.category-learn:hover {
+  background: linear-gradient(180deg, shade(#2ec27e, 1.06) 30%, shade(#27a66c, 1.06) 100%);
+  color: white;
+}
+
+button.card.category-tile.category-learn:active {
+  background: linear-gradient(180deg, shade(#2ec27e, 0.95) 30%, shade(#27a66c, 0.95) 100%);
+  color: white;
+}
+
+button.card.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+button.card.category-tile.category-play:hover {
+  background: linear-gradient(75deg, shade(#f9e2a7, 1.07) 0%, shade(#eb5ec3, 1.07) 50%, shade(#6d53e0, 1.07) 100%);
+  color: #393484;
+}
+
+button.card.category-tile.category-play:active {
+  background: linear-gradient(75deg, shade(#f9e2a7, 0.97) 0%, shade(#eb5ec3, 0.95) 50%, shade(#6d53e0, 1.07) 100%);
+  color: #393484;
+}
+
+button.card.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(255, 255, 255, 0.7);
+}
+
+button.card.category-tile.category-socialize:hover {
+  background: linear-gradient(90deg, shade(#ef4e9b, 1.08) 0%, shade(#f77466, 1.08) 100%);
+}
+
+button.card.category-tile.category-socialize:active {
+  background: linear-gradient(90deg, shade(#ef4e9b, 0.95) 0%, shade(#f77466, 0.95) 100%);
+}
+
+button.card.category-tile.category-work {
+  padding: 1px;
+  /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+  color: #1c71d8;
+  background-color: #fdf8d7;
+  background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+button.card.category-tile.category-work:hover {
+  color: #1c71d8;
+  background-color: #fefcef;
+  background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
+}
+
+button.card.category-tile.category-work:active {
+  color: #1c71d8;
+  background-color: #fcf4bf;
+  background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
+}
+
+clamp.medium .category-tile:not(.category-tile-iconless),
+clamp.large .category-tile:not(.category-tile-iconless) {
+  font-size: larger;
+}
+
+.featured-tile {
+  padding: 0;
+  box-shadow: none;
+  color: #FFFFFF;
+}
+
+.featured-tile label.title-1 {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+.featured-tile.narrow label.title-1 {
+  font-size: 16pt;
+}
+
+.application-details-infobar, .application-details-infobar.info {
+  background-color: rgba(255, 255, 255, 0.05);
+  color: #FFFFFF;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.application-details-infobar.warning {
+  background-color: #FF6D00;
+  color: #FFFFFF;
+  border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+@keyframes install-progress-unknown-move {
+  0% {
+    background-position: 0%;
+  }
+  50% {
+    background-position: 100%;
+  }
+  100% {
+    background-position: 0%;
+  }
+}
+
+.application-details-description .button {
+  padding-left: 24px;
+  padding-right: 24px;
+}
+
+.install-progress {
+  background-image: linear-gradient(to top, #5657f5 2px, alpha(#5657f5, 0) 2px);
+  background-repeat: no-repeat;
+  background-position: 0 bottom;
+  background-size: 0;
+  transition: none;
+}
+
+.install-progress:dir(rtl) {
+  background-position: 100% bottom;
+}
+
+.review-row > * {
+  margin: 12px;
+}
+
+.review-row button {
+  font-size: smaller;
+}
+
+.review-row .vote-buttons button {
+  margin-right: -1px;
+}
+
+.review-row .vote-buttons button:not(:first-child) {
+  border-image: linear-gradient(to top, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08)) 0 0 0 1/5px 0 5px 1px;
+}
+
+.review-row .vote-buttons button:hover,
+.review-row .vote-buttons button:active,
+.review-row .vote-buttons button:hover + button,
+.review-row .vote-buttons button:active + button {
+  border-image: none;
+}
+
+review-bar {
+  color: rgba(255, 255, 255, 0.5);
+  background-image: none;
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.review-histogram star-image {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.version-arrow-label {
+  font-size: x-small;
+}
+
+.overview-more-button {
+  font-size: smaller;
+  padding: 0 16px;
+}
+
+.app-row-origin-text {
+  font-size: smaller;
+}
+
+.app-listbox-header {
+  padding: 6px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.image-list {
+  background-color: transparent;
+}
+
+box.star {
+  background-color: transparent;
+  background-image: none;
+}
+
+button.star {
+  outline-offset: 0;
+  background-color: transparent;
+  background-image: none;
+  border-image: none;
+  border-radius: 0;
+  border-width: 0;
+  padding: 0;
+  box-shadow: none;
+  outline-offset: -1px;
+}
+
+star-image {
+  color: #FBC02D;
+}
+
+.dimmer-label {
+  opacity: 0.25;
+}
+
+.update-failed-details {
+  font-family: Monospace;
+  font-size: smaller;
+  padding: 16px;
+}
+
+.upgrade-banner {
+  padding: 0px;
+  border-radius: 7px;
+  border: none;
+}
+
+.upgrade-banner-background {
+  background: linear-gradient(to bottom, #4CAF50, #2196F3);
+  color: white;
+}
+
+.upgrade-buttons #button_upgrades_install {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+banner > revealer > widget {
+  background-color: #5657f5;
+  padding: 6px;
+}
+
+scrolledwindow.list-page > viewport > clamp > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+.update-preferences preferencesgroup > box > box {
+  margin-top: 18px;
+}
+
+.section > label:not(:first-child) {
+  margin-top: 6px;
+}
+
+.section > box:not(:first-child) {
+  margin-top: 12px;
+}
+
+clamp.status-page {
+  margin: 36px 12px;
+}
+
+clamp.status-page .iconbox {
+  min-height: 128px;
+  min-width: 128px;
+}
+
+clamp.status-page .icon {
+  color: rgba(255, 255, 255, 0.5);
+  min-height: 32px;
+  min-width: 32px;
+}
+
+clamp.status-page .icon:not(:last-child) {
+  margin-bottom: 36px;
+}
+
+clamp.status-page .title:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+app-context-bar .context-tile {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: transparent;
+  border-radius: 0;
+  padding: 24px 12px 21px 12px;
+  outline-offset: 5px;
+  border-bottom: none;
+  border-right: none;
+}
+
+app-context-bar .context-tile:focus:focus-visible {
+  outline-offset: -1px;
+}
+
+app-context-bar.horizontal box:first-child .context-tile:first-child, app-context-bar.vertical .context-tile:first-child {
+  border-left: none;
+}
+
+app-context-bar.horizontal .context-tile, app-context-bar.vertical box:first-child .context-tile {
+  border-top: none;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+  border-radius: 0 7px 7px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 7px 0 0 7px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(255, 255, 255, 0.08);
+}
+
+carousel.card {
+  border: none;
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+  font-size: 18px;
+  font-weight: bold;
+  border-radius: 9999px;
+}
+
+.context-tile-lozenge.large {
+  font-size: 24px;
+  padding: 16px;
+  min-width: 24px;
+  /* 60px minus the left and right padding */
+  min-height: 24px;
+  /* 60px minus the top and bottom padding */
+}
+
+.context-tile-lozenge.wide-image image {
+  margin-top: -28px;
+  margin-bottom: -28px;
+}
+
+.context-tile-lozenge image {
+  -gtk-icon-style: symbolic;
+}
+
+.context-tile-lozenge.grey {
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 {
+  color: #007c33;
+  background-color: rgba(0, 200, 83, 0.15);
+}
+
+.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 {
+  color: #2196F3;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 {
+  color: #b34c00;
+  background-color: rgba(255, 109, 0, 0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+  color: #FF9800;
+  background-color: rgba(255, 152, 0, 0.15);
+}
+
+.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 {
+  color: #911d00;
+  background-color: rgba(221, 44, 0, 0.15);
+}
+
+.eol-red {
+  font-weight: bold;
+  color: #DD2C00;
+}
+
+window.narrow .app-title {
+  font-size: 16pt;
+}
+
+window.narrow .app-developer {
+  font-size: small;
+}
+
+.install-progress-label {
+  font-size: smaller;
+  font-feature-settings: "tnum";
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box {
+  margin: 36px 12px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp:not(:last-child) > box {
+  margin-bottom: 36px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .icon:not(:last-child) {
+  margin-bottom: 36px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .title:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+statuspage.icon-dropshadow image.icon {
+  -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+window.info scrollbar.vertical {
+  margin-top: 48px;
+  background: none;
+  box-shadow: none;
+}
+
+window.info scrollbar.vertical trough {
+  margin-top: 0;
+}
+
+row.app > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+row.app > box.header {
+  border-spacing: 12px;
+}
+
+row.app > box.header > image {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+row.app label.warning {
+  color: #DD2C00;
+}
+
+@keyframes pre-delay {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes fade-in {
+  from {
+    filter: opacity(0%);
+  }
+}
+
+/* Give a fade-in animation to spinners. */
+spinner.fade-in:checked {
+  animation: pre-delay 0.5s linear 1, fade-in 1s linear 1, spin 1s linear infinite;
+  animation-delay: 0s, 0.5s, 0.5s;
+}
+
+window > contents leaflet {
+  background-color: transparent;
+}
+
+window > contents leaflet stack.background {
+  background-color: transparent;
+}
+
+window > contents leaflet.unfolded stack.background leaflet box.vertical:last-child > headerbar,
+window > contents leaflet.unfolded stack.background leaflet + headerbar {
+  border-top-left-radius: 0;
+}
+
+window > contents leaflet.unfolded > separator + box.vertical > headerbar {
+  border-top-right-radius: 0;
+  border-top-left-radius: 13px;
+}
+
+window > contents leaflet > box > scrolledwindow > viewport > widget > stack {
+  background-color: #31313a;
+}
+
+window > widget leaflet {
+  background-color: transparent;
+}
+
+window > widget leaflet stack.background {
+  background-color: transparent;
+}
+
+window > widget leaflet.unfolded stack.background > widget > overlay > leaflet > box > headerbar,
+window > widget leaflet.unfolded stack.background > widget > box > widget > headerbar,
+window > widget leaflet.unfolded > box:not(:last-child) headerbar {
+  border-top-left-radius: 0;
+}
+
+window > widget leaflet.unfolded > separator + box > headerbar {
+  border-top-right-radius: 0;
+}
+
+window > widget leaflet > box > scrolledwindow > viewport > widget > stack {
+  background-color: #31313a;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+window > contents leaflet.unfolded > box.vertical > headerbar {
+  border-top-left-radius: 0;
+}
+
+datechooser {
+  padding: 6px;
+}
+
+datechooser button, datechooser button.flat, datechooser button.toggle, datechooser button.text-button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+datechooser button.day.text-button:selected {
+  box-shadow: none;
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+label.primary-label, label.month-name, label.secondary-label {
+  font-size: 16pt;
+  font-weight: bold;
+  padding: 12px;
+}
+
+label.primary-label, label.month-name {
+  color: #5657f5;
+}
+
+label.secondary-label {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+calendar-view {
+  font-size: 10pt;
+}
+
+calendar-view:selected {
+  color: #5657f5;
+  font-weight: bold;
+}
+
+calendar-view.header,
+label.header {
+  font-size: 10pt;
+  font-weight: bold;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+calendar-view.current,
+weekgrid.current {
+  background-color: alpha(#5657f5, 0.3);
+}
+
+popover.events {
+  background-color: #3c3c46;
+  padding: 0;
+}
+
+popover.events box {
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+popover.events list {
+  background-color: #31313a;
+  border-radius: 7px;
+}
+
+popover.events scrolledwindow {
+  border-width: 0;
+}
+
+popover.events button {
+  border-radius: 7px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-style: solid none none;
+  box-shadow: none;
+}
+
+event {
+  margin: 1px;
+  font-size: 0.9rem;
+}
+
+event widget.content {
+  margin: 4px;
+}
+
+event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) {
+  border-radius: 7px;
+}
+
+event.timed widget.edge {
+  border-radius: 3.5px;
+  min-width: 5px;
+}
+
+event.slanted-start, event.slanted-end:dir(rtl) {
+  padding-left: 16px;
+  border-radius: 0 3.5px 3.5px 0;
+}
+
+event.slanted-end, event.slanted-start:dir(rtl) {
+  padding-right: 16px;
+  border-radius: 3.5px 0 0 3.5px;
+}
+
+event:not(.timed).color-dark {
+  color: white;
+  outline-color: rgba(0, 0, 0, 0.3);
+}
+
+event.timed, event:not(.timed).color-light {
+  color: alpha(black, 0.75);
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+popover.event-popover,
+popover.event-popover > contents {
+  padding: 0;
+}
+
+.search-viewport {
+  background-color: #31313a;
+}
+
+.calendar-list {
+  background-color: transparent;
+}
+
+.calendar-list > list {
+  border-radius: 4px;
+}
+
+.calendar-color-image {
+  -gtk-icon-filter: none;
+}
+
+image.calendar-color-image,
+button:active:not(:backdrop) .calendar-color-image,
+button:checked:not(:backdrop) .calendar-color-image,
+.calendars-list .calendar-color-image:not(:backdrop):not(:disabled),
+.calendar-list .calendar-color-image:not(:backdrop):not(:disabled),
+.sources-button:not(:backdrop):not(:disabled) .calendar-color-image {
+  -gtk-icon-shadow: 0 1px alpha(black, 0.1);
+}
+
+datechooser navigator {
+  margin-right: 6px;
+  margin-left: 6px;
+  margin-bottom: 6px;
+}
+
+datechooser navigator label {
+  font-weight: bold;
+}
+
+datechooser navigator button, datechooser navigator button.popup, datechooser navigator button.image-button {
+  min-height: 36px;
+  min-width: 36px;
+  padding: 0;
+}
+
+datechooser .weeknum, datechooser .weekday {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: smaller;
+}
+
+datechooser button.day, datechooser button.day.text-button {
+  font-size: 10pt;
+  font-weight: normal;
+  margin: 3px;
+  padding: 0;
+  min-height: 36px;
+  min-width: 36px;
+  transition: none;
+}
+
+datechooser button.day dot, datechooser button.day.text-button dot {
+  background-color: #FFFFFF;
+  border-radius: 50%;
+  min-height: 3px;
+  min-width: 3px;
+}
+
+datechooser button.day:selected, datechooser button.day.today:selected, datechooser button.day.text-button:selected, datechooser button.day.text-button.today:selected {
+  background-color: #5657f5;
+  color: #FFFFFF;
+  font-weight: bold;
+}
+
+datechooser button.day:selected dot, datechooser button.day.today:selected dot, datechooser button.day.text-button:selected dot, datechooser button.day.text-button.today:selected dot {
+  background-color: #FFFFFF;
+}
+
+datechooser button.day.today, datechooser button.day.text-button.today {
+  color: #5657f5;
+}
+
+datechooser button.day.today dot, datechooser button.day.text-button.today dot {
+  background-color: #5657f5;
+}
+
+datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop, datechooser button.day.text-button.other-month:not(:hover), datechooser button.day.text-button.other-month:backdrop {
+  color: alpha(currentColor, 0.1);
+}
+
+datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot, datechooser button.day.text-button.other-month:not(:hover) dot, datechooser button.day.text-button.other-month:backdrop dot {
+  background-color: alpha(currentColor, 0.1);
+}
+
+datechooser button.day.other-month:hover:not(:backdrop), datechooser button.day.text-button.other-month:hover:not(:backdrop) {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+datechooser button.day.other-month:hover:not(:backdrop) dot, datechooser button.day.text-button.other-month:hover:not(:backdrop) dot {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+
+.week-header {
+  padding: 0;
+}
+
+.week-header > box:first-child {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.week-header .week-number {
+  font-size: 16pt;
+  font-weight: bold;
+  padding: 12px 12px 18px 12px;
+  color: rgba(255, 255, 255, 0.2);
+}
+
+.week-header.week-temperature {
+  font-size: 10pt;
+  font-weight: bold;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.week-header.lines {
+  color: rgba(255, 255, 255, 0.08);
+}
+
+weekhourbar > label {
+  font-size: 10pt;
+  padding: 4px 6px;
+}
+
+.week-view .lines {
+  color: rgba(255, 255, 255, 0.08);
+}
+
+weekgrid > widget.now-strip {
+  background-color: alpha(#5657f5, 0.8);
+  margin: 0 0 0 1px;
+  min-height: 3px;
+}
+
+weekgrid:selected, weekgrid.dnd,
+.week-header:selected,
+.week-header.dnd {
+  background-color: alpha(#5657f5, 0.25);
+}
+
+monthcell {
+  border: solid 1px rgba(255, 255, 255, 0.08);
+  border-width: 1px 0 0 1px;
+  background-color: transparent;
+  transition: background-color 200ms;
+}
+
+monthcell:hover:not(.out-of-month):not(.today) {
+  background-color: #3b3b43;
+  transition: background-color 200ms;
+  color: #FFFFFF;
+}
+
+monthcell:selected {
+  background-color: alpha(#5657f5, 0.1);
+}
+
+monthcell:selected:hover {
+  background-color: alpha(#5657f5, 0.2);
+}
+
+monthcell:selected label.day-label {
+  font-weight: bold;
+}
+
+monthcell:nth-child(7n + 1) {
+  border-left-width: 0;
+}
+
+monthcell.today {
+  background-color: alpha(#5657f5, 0.2);
+}
+
+monthcell.today:hover {
+  background-color: alpha(#5657f5, 0.3);
+  color: #5657f5;
+}
+
+monthcell.today:selected {
+  background-color: alpha(#5657f5, 0.25);
+}
+
+monthcell.today:selected:hover {
+  background-color: alpha(#5657f5, 0.35);
+}
+
+monthcell label {
+  color: #FFFFFF;
+  font-size: 0.9rem;
+}
+
+monthcell label.day-label {
+  font-size: 1rem;
+}
+
+monthcell.out-of-month {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+monthcell.out-of-month label {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+monthcell button {
+  padding: 0 6px;
+  border-radius: 0;
+  border-bottom: none;
+  border-right: none;
+}
+
+monthpopover > box {
+  margin: 0;
+  padding: 0;
+  background-color: transparent;
+}
+
+.notes-section box > textview {
+  border-radius: 7px;
+  padding: 6px;
+}
+
+.notes-section box > textview > text {
+  background: none;
+}
+
+agenda-view list > row {
+  padding: 2px 12px;
+}
+
+agenda-view list > label {
+  padding: 6px 12px;
+}
+
+label.no-events {
+  font-style: italic;
+}
+
+searchbutton > popover > arrow {
+  background: none;
+  border: none;
+}
+
+datechooser {
+  padding: 6px;
+}
+
+datechooser .current-week {
+  background-color: rgba(255, 255, 255, 0.05);
+  color: #FFFFFF;
+  border-radius: 7px;
+}
+
+menubutton.sources-button {
+  margin-top: 0;
+  margin-bottom: 0;
+  border-radius: 0;
+  border-top-style: none;
+  border-bottom-style: none;
+}
+
+menubutton.sources-button:hover:not(:backdrop) {
+  background-image: none;
+  text-shadow: none;
+}
+
+menubutton.sources-button > button.toggle {
+  border-radius: 0;
+}
+
+menubutton.sources-button > button.toggle .title {
+  font-size: 10pt;
+  font-weight: normal;
+  padding: 0 6px;
+}
+
+menubutton.sources-button > button.toggle .subtitle {
+  font-size: 8pt;
+  padding: 0 6px;
+}
+
+menubutton.sources-button > button.toggle .calendar-color-image {
+  -gtk-icon-size: 12px;
+}
+
+menubutton stack > box {
+  border-spacing: 6px;
+}
+
+.topbar headerbar menubutton.sources-button > button.toggle {
+  border-radius: 0 0 7px 7px;
+}
+
+agenda-view list.background {
+  background-color: transparent;
+}
+
+.large-button {
+  padding: 6px;
+}
+
+.alarm-time {
+  font-size: 2.5em;
+  font-weight: 300;
+}
+
+.clocks-ampm-toggle-button,
+.clocks-secondary-standalone-label {
+  font-size: 18pt;
+}
+
+.clocks-standalone-label,
+.clocks-ringing-label {
+  font-size: 6em;
+  font-weight: 300;
+}
+
+.clocks-ringing-title {
+  font-size: 1.5em;
+  font-weight: bold;
+}
+
+.clocks-alarm-setup-time {
+  font-size: 32pt;
+}
+
+.clocks-timer-label,
+.clocks-spinbutton {
+  font-size: 48pt;
+}
+
+.timer-panel .timer-header {
+  font-size: 20pt;
+  font-weight: 300;
+}
+
+.timer-countdown {
+  font-size: 40pt;
+  font-weight: 300;
+}
+
+/* Stopwatch Panel */
+.lap-time {
+  font-weight: bold;
+}
+
+.stopped-stopwatch label,
+.running-stopwatch label,
+.paused-stopwatch label {
+  font-size: 70px;
+  font-weight: lighter;
+}
+
+.stopped-stopwatch .seconds-label {
+  font-weight: 300;
+}
+
+.running-stopwatch .seconds-label,
+.running-stopwatch .miliseconds-label {
+  color: #5657f5;
+}
+
+.stopped-stopwatch .miliseconds-label,
+.running-stopwatch .miliseconds-label,
+.paused-stopwatch .miliseconds-label {
+  font-size: 50px;
+}
+
+.running-stopwatch .seconds-label,
+.paused-stopwatch .seconds-label {
+  font-weight: 300;
+}
+
+.clock-location {
+  font-weight: bolder;
+}
+
+.hidden {
+  opacity: 0;
+}
+
+.clock-time {
+  font-size: 2em;
+  padding: 0.2em 0.5em;
+  border-radius: 1em;
+}
+
+.none .clock-time {
+  background: alpha(currentColor, 0.2);
+}
+
+.night .clock-time {
+  color: #1E88E5;
+  background-color: alpha(#2196F3, 0.25);
+}
+
+.naut .clock-time,
+.astro .clock-time {
+  color: #F57C00;
+  background-color: alpha(#FF9800, 0.25);
+}
+
+.civil .clock-time,
+.day .clock-time {
+  color: #F9A825;
+  background: alpha(#FDD835, 0.25);
+}
+
+avatar {
+  border-radius: 9999px;
+  font-weight: bold;
+}
+
+avatar.color1 {
+  background-image: linear-gradient(#83b6ec, #337fdc);
+  color: #cfe1f5;
+}
+
+avatar.color2 {
+  background-image: linear-gradient(#7ad9f1, #0f9ac8);
+  color: #caeaf2;
+}
+
+avatar.color3 {
+  background-image: linear-gradient(#8de6b1, #29ae74);
+  color: #cef8d8;
+}
+
+avatar.color4 {
+  background-image: linear-gradient(#b5e98a, #6ab85b);
+  color: #e6f9d7;
+}
+
+avatar.color5 {
+  background-image: linear-gradient(#f8e359, #d29d09);
+  color: #f9f4e1;
+}
+
+avatar.color6 {
+  background-image: linear-gradient(#ffcb62, #d68400);
+  color: #ffead1;
+}
+
+avatar.color7 {
+  background-image: linear-gradient(#ffa95a, #ed5b00);
+  color: #ffe5c5;
+}
+
+avatar.color8 {
+  background-image: linear-gradient(#f78773, #e62d42);
+  color: #f8d2ce;
+}
+
+avatar.color9 {
+  background-image: linear-gradient(#e973ab, #e33b6a);
+  color: #fac7de;
+}
+
+avatar.color10 {
+  background-image: linear-gradient(#cb78d4, #9945b5);
+  color: #e7c2e8;
+}
+
+avatar.color11 {
+  background-image: linear-gradient(#9e91e8, #7a59ca);
+  color: #d5d2f5;
+}
+
+avatar.color12 {
+  background-image: linear-gradient(#e3cf9c, #b08952);
+  color: #f2eade;
+}
+
+avatar.color13 {
+  background-image: linear-gradient(#be916d, #785336);
+  color: #e5d6ca;
+}
+
+avatar.color14 {
+  background-image: linear-gradient(#c0bfbc, #6e6d71);
+  color: #d8d7d3;
+}
+
+avatar.contrasted {
+  color: white;
+}
+
+avatar.image {
+  background: none;
+}
+
+splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, button.suggested-action, button.destructive-action, button.opaque {
+  box-shadow: none;
+}
+
+.osd splitbutton.suggested-action > button:focus:focus-visible, .osd splitbutton.suggested-action > menubutton > button:focus:focus-visible, .osd splitbutton.destructive-action > button:focus:focus-visible, .osd splitbutton.destructive-action > menubutton > button:focus:focus-visible, .osd splitbutton.opaque > button:focus:focus-visible, .osd splitbutton.opaque > menubutton > button:focus:focus-visible, .osd menubutton.suggested-action > button:focus:focus-visible, .osd menubutton.destructive-action > button:focus:focus-visible, .osd menubutton.opaque > button:focus:focus-visible, .osd button.suggested-action:focus:focus-visible, .osd button.destructive-action:focus:focus-visible, .osd button.opaque:focus:focus-visible {
+  outline: none;
+}
+
+splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, button.suggested-action:hover, button.destructive-action:hover, button.opaque:hover {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating, button.keyboard-activating.suggested-action, button.keyboard-activating.destructive-action, button.keyboard-activating.opaque, splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, button.suggested-action:active, button.destructive-action:active, button.opaque:active {
+  background-image: image(rgba(0, 0, 0, 0.2));
+}
+
+splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, button.suggested-action:checked, button.destructive-action:checked, button.opaque:checked {
+  background-image: image(rgba(0, 0, 0, 0.15));
+}
+
+splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.destructive-action > button:checked:hover, menubutton.opaque > button:checked:hover, button.suggested-action:checked:hover, button.destructive-action:checked:hover, button.opaque:checked:hover {
+  background-image: image(rgba(0, 0, 0, 0.05));
+}
+
+splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-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.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active {
+  background-image: image(rgba(0, 0, 0, 0.3));
+}
+
+button.opaque {
+  background-color: #505058;
+  color: #FFFFFF;
+}
+
+button.destructive-action {
+  color: on(#FF5252);
+}
+
+button.destructive-action, button.destructive-action:checked {
+  background-color: #FF5252;
+}
+
+button.suggested-action {
+  color: on(#7C4DFF);
+}
+
+button.suggested-action, button.suggested-action:checked {
+  background-color: #7C4DFF;
+}
+
+button.font separator {
+  background-color: transparent;
+}
+
+button.font > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label {
+  font-weight: bold;
+}
+
+menubutton.pill > button, button.pill {
+  padding: 10px 32px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  box-shadow: none;
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.card:hover {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+  color: #FFFFFF;
+  outline: none;
+}
+
+button.card.keyboard-activating, button.card:active {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.1);
+  outline: none;
+}
+
+button.card:checked {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.1);
+  outline: none;
+}
+
+button.card:drop(active) {
+  color: #FF6D00;
+  box-shadow: inset 0 0 0 1px #FF6D00;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #7C4DFF;
+  color: on(#7C4DFF);
+}
+
+menubutton.destructive-action {
+  background-color: #FF5252;
+  color: on(#FF5252);
+}
+
+menubutton.opaque {
+  background-color: #505058;
+  color: #FFFFFF;
+}
+
+menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque {
+  border-radius: 7px;
+}
+
+menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill {
+  border-radius: 9999px;
+}
+
+menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked {
+  background-color: transparent;
+  color: inherit;
+}
+
+menubutton arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menubutton arrow.none {
+  -gtk-icon-source: -gtk-icontheme("open-menu-symbolic");
+}
+
+menubutton arrow.down {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+menubutton arrow.up {
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+menubutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+menubutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+splitbutton {
+  border-radius: 7px;
+}
+
+splitbutton:disabled {
+  filter: none;
+  opacity: 1;
+}
+
+splitbutton, splitbutton > separator {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton.image-button > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+splitbutton.text-button.image-button > button, splitbutton.image-text-button > button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box {
+  border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  margin-right: 0;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+splitbutton.flat > separator {
+  background: rgba(255, 255, 255, 0.08);
+}
+
+splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked {
+  background: alpha(currentColor, 0.1);
+  color: #FFFFFF;
+}
+
+splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator {
+  background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+  background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+  border-radius: 7px;
+}
+
+splitbutton.suggested-action {
+  background-color: #7C4DFF;
+  color: on(#7C4DFF);
+}
+
+splitbutton.destructive-action {
+  background-color: #FF5252;
+  color: on(#FF5252);
+}
+
+splitbutton.opaque {
+  background-color: #505058;
+  color: #FFFFFF;
+}
+
+splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-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;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) {
+  box-shadow: inset 1px 0 rgba(255, 255, 255, 0.08);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) {
+  box-shadow: inset -1px 0 rgba(255, 255, 255, 0.08);
+}
+
+splitbutton > menubutton > button > arrow.none {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+buttoncontent {
+  border-spacing: 6px;
+}
+
+buttoncontent > label {
+  font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+  padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+  padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) {
+  padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) {
+  padding-left: 0;
+}
+
+toast {
+  background-color: #31313a;
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.12), 0 10px 16px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
+  color: rgba(255, 255, 255, 0.7);
+  font-weight: normal;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > widget {
+  margin: 0 6px;
+}
+
+statuspage > scrolledwindow > viewport > box {
+  margin: 36px 12px;
+  border-spacing: 36px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box {
+  border-spacing: 12px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 128px;
+  color: alpha(currentColor, 0.45);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.45;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+  margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 96px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+  font-size: 18pt;
+}
+
+list.content,
+list.boxed-list, .card {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  background-clip: padding-box;
+  background-color: #31313a;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+preferencesgroup > box, preferencesgroup > box .labels {
+  border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+  margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+  min-height: 36px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+  padding: 0;
+  background: none;
+  box-shadow: none;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle, preferencesgroup > box button.background-preview-button.toggle > background-preview {
+  border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+  outline-color: rgba(255, 255, 255, 0.15);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(255, 255, 255, 0.2);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #5657f5;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  border-spacing: 0;
+  border-radius: 9999px;
+  background-color: rgba(255, 255, 255, 0.05);
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator {
+  background-color: #FFFFFF;
+}
+
+viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator > label {
+  color: #5657f5;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+  background-color: transparent;
+  box-shadow: none;
+}
+
+viewswitcher.narrow button.toggle:hover {
+  color: #FFFFFF;
+  box-shadow: inset 0 -2px transparent;
+  background-color: rgba(255, 255, 255, 0.04);
+}
+
+viewswitcher.narrow button.toggle:active {
+  color: #FFFFFF;
+  box-shadow: inset 0 -2px #5657f5;
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+viewswitcher.narrow button.toggle:checked {
+  border-radius: 0;
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.06);
+  box-shadow: inset 0 -2px #5657f5;
+  background-image: none;
+}
+
+viewswitcher.narrow button.toggle:checked:backdrop, viewswitcher.narrow button.toggle:active:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+  box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5);
+}
+
+viewswitcher button.toggle {
+  font-weight: bold;
+  padding: 0;
+  min-height: 0;
+  margin: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+  font-size: 0.75rem;
+  padding-top: 7px;
+  padding-bottom: 5px;
+  border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+  padding: 0 12px;
+  border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+  padding: 0;
+}
+
+viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action) {
+  transition: none;
+}
+
+viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):hover {
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.04);
+  box-shadow: inset 0 2px transparent;
+}
+
+viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):active {
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0 2px #5657f5;
+}
+
+viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):checked {
+  border-radius: 0;
+  color: #FFFFFF;
+}
+
+viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):checked, viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):checked:hover {
+  background-color: rgba(255, 255, 255, 0.06);
+  box-shadow: inset 0 2px #5657f5;
+  background-image: none;
+}
+
+viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):checked:backdrop, viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):active:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+  box-shadow: inset 0 2px rgba(255, 255, 255, 0.5);
+}
+
+viewswitchertitle {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+viewswitchertitle viewswitcher.narrow {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+viewswitchertitle viewswitcher.narrow button.toggle > stack > box.narrow {
+  padding-top: 0;
+  padding-bottom: 0;
+  border-spacing: 0;
+}
+
+viewswitchertitle viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitchertitle windowtitle {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+indicatorbin > indicator, indicatorbin > mask {
+  min-width: 6px;
+  min-height: 6px;
+  border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+  margin: 1px;
+  padding: 0;
+  background: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+  font-size: 0.6rem;
+  font-weight: bold;
+  padding: 2px 5px;
+  color: white;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #5657f5;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: #FFFFFF;
+}
+
+tabbar .box {
+  background-color: #31313a;
+  color: #FFFFFF;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+  padding: 1px;
+  padding-top: 0;
+}
+
+tabbar .box:backdrop {
+  background-color: #424249;
+  transition: background-color 200ms ease-out;
+}
+
+tabbar .box:backdrop > scrolledwindow,
+tabbar .box:backdrop > .start-action,
+tabbar .box:backdrop > .end-action {
+  filter: opacity(0.5);
+  transition: filter 200ms ease-out;
+}
+
+tabbar tabbox {
+  padding-bottom: 0;
+  padding-top: 0;
+  min-height: 34px;
+}
+
+tabbar tabbox > tabboxchild {
+  border-radius: 7px;
+}
+
+tabbar tabbox > separator {
+  margin-top: 9px;
+  margin-bottom: 9px;
+  transition: opacity 150ms ease-in-out;
+}
+
+tabbar tabbox > separator.hidden {
+  opacity: 0;
+}
+
+tabbar tabbox > revealer > indicator {
+  min-width: 2px;
+  border-radius: 2px;
+  margin: 3px 6px;
+  background: #5657f5;
+}
+
+tabbar tab {
+  transition: background 150ms ease-in-out;
+}
+
+tabbar tab:selected {
+  background-color: rgba(255, 255, 255, 0.06);
+}
+
+tabbar tab:selected:hover {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+tabbar tab:selected:active {
+  background-color: rgba(255, 255, 255, 0.12);
+}
+
+tabbar tab:hover {
+  background-color: rgba(255, 255, 255, 0.04);
+}
+
+tabbar tab:active {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active {
+  background: none;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px 5px;
+}
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+  padding-right: 0;
+}
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+  padding-left: 0;
+}
+
+tabbar.inline .box {
+  background-color: transparent;
+  color: inherit;
+  box-shadow: none;
+  padding-bottom: 0;
+}
+
+tabbar.inline .box:backdrop {
+  background-color: transparent;
+  transition: none;
+}
+
+tabbar.inline .box:backdrop > scrolledwindow,
+tabbar.inline .box:backdrop > .start-action,
+tabbar.inline .box:backdrop > .end-action {
+  filter: none;
+  transition: none;
+}
+
+dnd tab {
+  background-color: #31313a;
+  background-image: image(rgba(255, 255, 255, 0.12));
+  color: #FFFFFF;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03);
+  margin: 25px;
+}
+
+tabbar tab,
+dnd tab {
+  min-height: 26px;
+  padding: 4px;
+  border-radius: 7px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 99px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#5657f5, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 11px;
+  transition: box-shadow 200ms ease-out, background-color ease-out;
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#FF6D00, 0.4);
+  background-color: alpha(#FF6D00, 0.1);
+}
+
+tabthumbnail .needs-attention:dir(ltr) {
+  transform: translate(8px, -8px);
+}
+
+tabthumbnail .needs-attention:dir(rtl) {
+  transform: translate(-8px, -8px);
+}
+
+tabthumbnail .needs-attention > widget {
+  background: #5657f5;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 8px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#5657f5, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 7px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: rgba(86, 87, 245, 0.12);
+  color: #FFFFFF;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+tabthumbnail button.circular {
+  margin: 6px;
+  background-color: alpha(#5657f5, 0.15);
+  min-width: 24px;
+  min-height: 24px;
+}
+
+tabthumbnail button.circular:hover {
+  background-color: alpha(#5657f5, 0.2);
+}
+
+tabthumbnail button.circular:active {
+  background-color: alpha(#5657f5, 0.25);
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+flap > dimming,
+leaflet > dimming,
+navigation-view > dimming,
+overlay-split-view > dimming {
+  background: none;
+}
+
+flap > border,
+leaflet > border,
+navigation-view > border,
+overlay-split-view > border {
+  background: none;
+}
+
+flap > shadow,
+leaflet > shadow,
+navigation-view > shadow,
+overlay-split-view > shadow {
+  min-width: 56px;
+  min-height: 56px;
+}
+
+flap > shadow.left,
+leaflet > shadow.left,
+navigation-view > shadow.left,
+overlay-split-view > shadow.left {
+  background-image: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to right, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px);
+}
+
+flap > shadow.right,
+leaflet > shadow.right,
+navigation-view > shadow.right,
+overlay-split-view > shadow.right {
+  background-image: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to left, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px);
+}
+
+flap > shadow.up,
+leaflet > shadow.up,
+navigation-view > shadow.up,
+overlay-split-view > shadow.up {
+  background-image: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px);
+}
+
+flap > shadow.down,
+leaflet > shadow.down,
+navigation-view > shadow.down,
+overlay-split-view > shadow.down {
+  background-image: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to top, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px);
+}
+
+toolbarview.undershoot-top scrolledwindow > undershoot.top {
+  box-shadow: inset 0 1px rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.unfolded stacksidebar.sidebar {
+  border: none;
+}
+
+.sidebar-pane {
+  background-color: #3b3b43;
+  color: #FFFFFF;
+}
+
+.sidebar-pane:backdrop {
+  background-color: #34343b;
+  transition: background-color 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.sidebar-pane .toolbar,
+.sidebar-pane .sidebar,
+.sidebar-pane .navigation-sidebar,
+.sidebar-pane headerbar,
+.sidebar-pane searchbar > revealer > box {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+.sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top {
+  box-shadow: inset 0 1px rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-top > undershoot.top {
+  box-shadow: inset 0 1px rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom {
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left {
+  box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right {
+  box-shadow: inset -1px 0 rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right {
+  box-shadow: inset -1px 0 rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left {
+  box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.sidebar-pane flap > dimming,
+.sidebar-pane leaflet > dimming,
+.sidebar-pane navigation-view > dimming,
+.sidebar-pane overlay-split-view > dimming {
+  background: none;
+}
+
+.sidebar-pane flap > border,
+.sidebar-pane leaflet > border,
+.sidebar-pane navigation-view > border,
+.sidebar-pane overlay-split-view > border {
+  background: none;
+}
+
+.sidebar-pane flap > shadow,
+.sidebar-pane leaflet > shadow,
+.sidebar-pane navigation-view > shadow,
+.sidebar-pane overlay-split-view > shadow {
+  min-width: 56px;
+  min-height: 56px;
+}
+
+.sidebar-pane flap > shadow.left,
+.sidebar-pane leaflet > shadow.left,
+.sidebar-pane navigation-view > shadow.left,
+.sidebar-pane overlay-split-view > shadow.left {
+  background-image: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to right, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px);
+}
+
+.sidebar-pane flap > shadow.right,
+.sidebar-pane leaflet > shadow.right,
+.sidebar-pane navigation-view > shadow.right,
+.sidebar-pane overlay-split-view > shadow.right {
+  background-image: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to left, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px);
+}
+
+.sidebar-pane flap > shadow.up,
+.sidebar-pane leaflet > shadow.up,
+.sidebar-pane navigation-view > shadow.up,
+.sidebar-pane overlay-split-view > shadow.up {
+  background-image: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px);
+}
+
+.sidebar-pane flap > shadow.down,
+.sidebar-pane leaflet > shadow.down,
+.sidebar-pane navigation-view > shadow.down,
+.sidebar-pane overlay-split-view > shadow.down {
+  background-image: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to top, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px);
+}
+
+.sidebar-pane banner > revealer > widget {
+  background-color: gtkmix(#5657f5, #3b3b43, 30%);
+  color: #FFFFFF;
+}
+
+.sidebar-pane banner > revealer > widget:backdrop {
+  background-color: gtkmix(#5657f5, #3b3b43, 30%);
+}
+
+.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: none;
+  border-right: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.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: none;
+  border-left: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+/* Middle pane in three-pane setups */
+.content-pane .sidebar-pane,
+.sidebar-pane .content-pane {
+  background-color: #31313a;
+  color: #FFFFFF;
+}
+
+.content-pane .sidebar-pane:backdrop,
+.sidebar-pane .content-pane:backdrop {
+  background-color: #34343b;
+  transition: background-color 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.content-pane .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top,
+.sidebar-pane .content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top {
+  box-shadow: inset 0 1px rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.content-pane .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom,
+.sidebar-pane .content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-top > undershoot.top,
+.sidebar-pane .content-pane scrolledwindow.undershoot-top > undershoot.top {
+  box-shadow: inset 0 1px rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom,
+.sidebar-pane .content-pane scrolledwindow.undershoot-bottom > undershoot.bottom {
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left,
+.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left {
+  box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right,
+.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right {
+  box-shadow: inset -1px 0 rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right,
+.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right {
+  box-shadow: inset -1px 0 rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left,
+.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left {
+  box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.content-pane .sidebar-pane flap > dimming,
+.content-pane .sidebar-pane leaflet > dimming,
+.content-pane .sidebar-pane navigation-view > dimming,
+.content-pane .sidebar-pane overlay-split-view > dimming,
+.sidebar-pane .content-pane flap > dimming,
+.sidebar-pane .content-pane leaflet > dimming,
+.sidebar-pane .content-pane navigation-view > dimming,
+.sidebar-pane .content-pane overlay-split-view > dimming {
+  background: none;
+}
+
+.content-pane .sidebar-pane flap > border,
+.content-pane .sidebar-pane leaflet > border,
+.content-pane .sidebar-pane navigation-view > border,
+.content-pane .sidebar-pane overlay-split-view > border,
+.sidebar-pane .content-pane flap > border,
+.sidebar-pane .content-pane leaflet > border,
+.sidebar-pane .content-pane navigation-view > border,
+.sidebar-pane .content-pane overlay-split-view > border {
+  background: none;
+}
+
+.content-pane .sidebar-pane flap > shadow,
+.content-pane .sidebar-pane leaflet > shadow,
+.content-pane .sidebar-pane navigation-view > shadow,
+.content-pane .sidebar-pane overlay-split-view > shadow,
+.sidebar-pane .content-pane flap > shadow,
+.sidebar-pane .content-pane leaflet > shadow,
+.sidebar-pane .content-pane navigation-view > shadow,
+.sidebar-pane .content-pane overlay-split-view > shadow {
+  min-width: 56px;
+  min-height: 56px;
+}
+
+.content-pane .sidebar-pane flap > shadow.left,
+.content-pane .sidebar-pane leaflet > shadow.left,
+.content-pane .sidebar-pane navigation-view > shadow.left,
+.content-pane .sidebar-pane overlay-split-view > shadow.left,
+.sidebar-pane .content-pane flap > shadow.left,
+.sidebar-pane .content-pane leaflet > shadow.left,
+.sidebar-pane .content-pane navigation-view > shadow.left,
+.sidebar-pane .content-pane overlay-split-view > shadow.left {
+  background-image: linear-gradient(to right, alpha(rgba(255, 255, 255, 0.08), 0.7), alpha(rgba(255, 255, 255, 0.08), 0.14) 40px, alpha(rgba(255, 255, 255, 0.08), 0) 56px), linear-gradient(to right, alpha(rgba(255, 255, 255, 0.08), 0.4), alpha(rgba(255, 255, 255, 0.08), 0.14) 7px, alpha(rgba(255, 255, 255, 0.08), 0) 24px);
+}
+
+.content-pane .sidebar-pane flap > shadow.right,
+.content-pane .sidebar-pane leaflet > shadow.right,
+.content-pane .sidebar-pane navigation-view > shadow.right,
+.content-pane .sidebar-pane overlay-split-view > shadow.right,
+.sidebar-pane .content-pane flap > shadow.right,
+.sidebar-pane .content-pane leaflet > shadow.right,
+.sidebar-pane .content-pane navigation-view > shadow.right,
+.sidebar-pane .content-pane overlay-split-view > shadow.right {
+  background-image: linear-gradient(to left, alpha(rgba(255, 255, 255, 0.08), 0.7), alpha(rgba(255, 255, 255, 0.08), 0.14) 40px, alpha(rgba(255, 255, 255, 0.08), 0) 56px), linear-gradient(to left, alpha(rgba(255, 255, 255, 0.08), 0.4), alpha(rgba(255, 255, 255, 0.08), 0.14) 7px, alpha(rgba(255, 255, 255, 0.08), 0) 24px);
+}
+
+.content-pane .sidebar-pane flap > shadow.up,
+.content-pane .sidebar-pane leaflet > shadow.up,
+.content-pane .sidebar-pane navigation-view > shadow.up,
+.content-pane .sidebar-pane overlay-split-view > shadow.up,
+.sidebar-pane .content-pane flap > shadow.up,
+.sidebar-pane .content-pane leaflet > shadow.up,
+.sidebar-pane .content-pane navigation-view > shadow.up,
+.sidebar-pane .content-pane overlay-split-view > shadow.up {
+  background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.08), 0.7), alpha(rgba(255, 255, 255, 0.08), 0.14) 40px, alpha(rgba(255, 255, 255, 0.08), 0) 56px), linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.08), 0.4), alpha(rgba(255, 255, 255, 0.08), 0.14) 7px, alpha(rgba(255, 255, 255, 0.08), 0) 24px);
+}
+
+.content-pane .sidebar-pane flap > shadow.down,
+.content-pane .sidebar-pane leaflet > shadow.down,
+.content-pane .sidebar-pane navigation-view > shadow.down,
+.content-pane .sidebar-pane overlay-split-view > shadow.down,
+.sidebar-pane .content-pane flap > shadow.down,
+.sidebar-pane .content-pane leaflet > shadow.down,
+.sidebar-pane .content-pane navigation-view > shadow.down,
+.sidebar-pane .content-pane overlay-split-view > shadow.down {
+  background-image: linear-gradient(to top, alpha(rgba(255, 255, 255, 0.08), 0.7), alpha(rgba(255, 255, 255, 0.08), 0.14) 40px, alpha(rgba(255, 255, 255, 0.08), 0) 56px), linear-gradient(to top, alpha(rgba(255, 255, 255, 0.08), 0.4), alpha(rgba(255, 255, 255, 0.08), 0.14) 7px, alpha(rgba(255, 255, 255, 0.08), 0) 24px);
+}
+
+.content-pane .sidebar-pane banner > revealer > widget,
+.sidebar-pane .content-pane banner > revealer > widget {
+  background-color: gtkmix(#5657f5, #31313a, 30%);
+  color: #FFFFFF;
+}
+
+.content-pane .sidebar-pane banner > revealer > widget:backdrop,
+.sidebar-pane .content-pane banner > revealer > widget:backdrop {
+  background-color: gtkmix(#5657f5, #31313a, 30%);
+}
+
+.content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget,
+.sidebar-pane .content-pane:dir(ltr),
+.sidebar-pane .content-pane:dir(ltr) banner > revealer > widget,
+.sidebar-pane .content-pane.end:dir(rtl),
+.sidebar-pane .content-pane.end:dir(rtl) banner > revealer > widget {
+  box-shadow: none;
+  border-right: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.content-pane .sidebar-pane:dir(rtl), .content-pane .sidebar-pane:dir(rtl) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(ltr), .content-pane .sidebar-pane.end:dir(ltr) banner > revealer > widget,
+.sidebar-pane .content-pane:dir(rtl),
+.sidebar-pane .content-pane:dir(rtl) banner > revealer > widget,
+.sidebar-pane .content-pane.end:dir(ltr),
+.sidebar-pane .content-pane.end:dir(ltr) banner > revealer > widget {
+  box-shadow: none;
+  border-left: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.sidebar-pane .sidebar-pane {
+  background-color: transparent;
+  color: inherit;
+}
+
+.top-bar {
+  padding: 0;
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.top-bar headerbar, .top-bar headerbar:backdrop,
+.top-bar box > headerbar:only-child,
+.top-bar box > headerbar:only-child:backdrop {
+  background-color: transparent;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  border: none;
+}
+
+.top-bar .collapse-spacing {
+  padding: 0;
+}
+
+themeselector,
+panelthemeselector {
+  margin: 9px;
+}
+
+themeselector checkbutton,
+panelthemeselector checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
+}
+
+themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked,
+panelthemeselector checkbutton.follow:checked,
+panelthemeselector checkbutton.light:checked,
+panelthemeselector checkbutton.dark:checked {
+  box-shadow: inset 0 0 0 2px #5657f5;
+}
+
+themeselector checkbutton.follow,
+panelthemeselector checkbutton.follow {
+  background-image: linear-gradient(to bottom right, #ffffff 50%, #202020 50%);
+}
+
+themeselector checkbutton.light,
+panelthemeselector checkbutton.light {
+  background-color: #ffffff;
+}
+
+themeselector checkbutton.dark,
+panelthemeselector checkbutton.dark {
+  background-color: #202020;
+}
+
+themeselector checkbutton.theme-selector radio,
+panelthemeselector checkbutton.theme-selector radio {
+  -gtk-icon-source: none;
+  border: none;
+  background: none;
+  box-shadow: none;
+  min-height: 20px;
+  min-width: 20px;
+  padding: 0;
+}
+
+themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:hover,
+panelthemeselector checkbutton.theme-selector radio:active,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  background-color: transparent;
+}
+
+themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg")));
+  color: #FFFFFF;
+  background-color: #5657f5;
+}
+
+themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active,
+panelthemeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked:hover,
+panelthemeselector checkbutton.theme-selector radio:checked:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 20px;
+  min-width: 20px;
+  background: none;
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  color: #FFFFFF;
+  background-color: #5657f5;
+}
+
+themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
+}
+
+themeswitcher checkbutton:checked {
+  box-shadow: inset 0 0 0 2px #5657f5;
+}
+
+themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active {
+  background-color: transparent;
+  border: none;
+  background: none;
+  box-shadow: none;
+  color: transparent;
+  -gtk-icon-source: none;
+  -gtk-icon-size: 0;
+}
+
+themeswitcher checkbutton.system {
+  background: linear-gradient(-45deg, #1e1e1e 50%, white 50%);
+}
+
+themeswitcher checkbutton.light {
+  color: alpha(black, 0.8);
+  background-color: white;
+}
+
+themeswitcher checkbutton.dark {
+  color: white;
+  background-color: #1e1e1e;
+}
+
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color currentColor;
+/*
+widget base background color */
+@define-color theme_bg_color #34343b;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #31313a;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #5657f5;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #FFFFFF;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #34343b;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color alpha(currentColor, 0.5);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #3b3b43;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color currentColor;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #34343b;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #31313a;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #5657f5;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #FFFFFF;
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color alpha(currentColor, 0.5);
+/*
+widgets main borders color */
+@define-color borders alpha(currentColor, 0.12);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders alpha(currentColor, 0.12);
+/*
+these are pretty self explicative */
+@define-color warning_color #FF6D00;
+@define-color error_color #DD2C00;
+@define-color success_color #00C853;
+/*
+FIXME this is really an API */
+@define-color content_view_bg #31313a;
+@define-color placeholder_text_color #c1c1c4;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #232329;
+@define-color budgie_tasklist_indicator_color #7C4DFF;
+@define-color budgie_tasklist_indicator_color_active #7C4DFF;
+@define-color budgie_tasklist_indicator_color_active_window rgba(90, 62, 174, 0.931);
+@define-color budgie_tasklist_indicator_color_attention #FF6D00;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css
new file mode 100644
index 0000000..afd25a3
--- /dev/null
+++ b/gtk-4.0/gtk.css
@@ -0,0 +1,7542 @@
+@keyframes ripple_effect {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes scale_ripple_effect {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes header_ripple_effect {
+  from {
+    background-image: radial-gradient(circle, #5657f5 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #5657f5 100%, transparent 0%);
+  }
+}
+
+* {
+  padding: 0;
+  background-clip: padding-box;
+  -gtk-secondary-caret-color: #5657f5;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #34343b;
+  color: #FFFFFF;
+}
+
+.background.csd {
+  border-radius: 13px;
+  background-color: #34343b;
+}
+
+.background.maximized, .background.tiled, .background.fullscreen, .background.solid-csd {
+  border-radius: 0;
+}
+
+dnd {
+  color: #FFFFFF;
+}
+
+.normal-icons {
+  -gtk-icon-size: 16px;
+}
+
+.large-icons {
+  -gtk-icon-size: 32px;
+}
+
+spinner:disabled,
+arrow:disabled,
+scrollbar:disabled,
+check:disabled,
+radio:disabled,
+treeview.expander:disabled {
+  -gtk-icon-filter: opacity(0.5);
+}
+
+iconview, .view {
+  background-color: #31313a;
+  color: #FFFFFF;
+}
+
+iconview:disabled, .view:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+textview > text {
+  background-color: #31313a;
+}
+
+textview > border {
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+textview:drop(active) {
+  caret-color: #FFA726;
+}
+
+iconview {
+  border-radius: 5px;
+}
+
+iconview > dndtarget:drop(active) {
+  border: none;
+}
+
+rubberband, .content-view > rubberband, columnview.view > rubberband,
+treeview.view > rubberband, gridview > rubberband, flowbox > rubberband {
+  border: 1px solid #5C6BC0;
+  background-color: rgba(92, 107, 192, 0.3);
+}
+
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 7px;
+}
+
+gridview > child {
+  padding: 3px;
+}
+
+gridview > child box {
+  border-spacing: 8px;
+  margin: 12px;
+}
+
+coverflow cover {
+  color: #FFFFFF;
+  background-color: #31313a;
+  border: none;
+}
+
+label.separator {
+  color: #FFFFFF;
+}
+
+label > selection {
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+.dim-label, row.expander:not(:checked) image.expander-row-arrow, row label.subtitle, headerbar .subtitle, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator {
+  opacity: 0.6;
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+
+window.assistant.csd .sidebar {
+  border-top-style: none;
+}
+
+window.assistant .sidebar label {
+  min-height: 36px;
+  padding: 0 12px;
+  color: rgba(255, 255, 255, 0.5);
+  font-weight: 500;
+}
+
+window.assistant .sidebar label.highlight {
+  color: #FFFFFF;
+}
+
+window.aboutdialog image.large-icons {
+  -gtk-icon-size: 128px;
+}
+
+.osd .scale-popup, .app-notification, popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .osd {
+  color: rgba(255, 255, 255, 0.8);
+  border: none;
+  background-color: rgba(37, 37, 45, 0.85);
+  background-clip: padding-box;
+  border-radius: 8px;
+  padding: 6px;
+  margin: 6px;
+  box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16);
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+  to {
+    transform: rotate(1turn);
+  }
+}
+
+spinner {
+  background: none;
+  opacity: 0;
+  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+}
+
+spinner:checked {
+  opacity: 1;
+  animation: spin 1s linear infinite;
+}
+
+spinner:checked:disabled {
+  opacity: 0.5;
+}
+
+.large-title {
+  font-weight: 300;
+  font-size: 24pt;
+}
+
+.title-1 {
+  font-weight: 800;
+  font-size: 20pt;
+}
+
+.title-2 {
+  font-weight: 800;
+  font-size: 15pt;
+}
+
+.title-3 {
+  font-weight: 700;
+  font-size: 15pt;
+}
+
+.title-4 {
+  font-weight: 700;
+  font-size: 13pt;
+}
+
+.heading {
+  font-weight: 700;
+  font-size: 11pt;
+}
+
+.body {
+  font-weight: 400;
+  font-size: 11pt;
+}
+
+.caption-heading {
+  font-weight: 700;
+  font-size: 9pt;
+}
+
+.caption {
+  font-weight: 400;
+  font-size: 9pt;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+spinbutton:not(.vertical), entry {
+  min-height: 36px;
+  padding: 0 8px;
+  border-radius: 7px;
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #44454b;
+  color: #FFFFFF;
+  outline: none;
+}
+
+spinbutton:focus-within:not(.vertical), entry:focus-within {
+  border-image: none;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+  outline: none;
+}
+
+spinbutton:disabled:not(.vertical), entry:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+  outline: none;
+}
+
+colorchooser .popover.osd spinbutton:not(.vertical), window.dialog.message entry, notebook > stack:not(:only-child) entry:not(.search),
+notebook > stack:not(:only-child) spinbutton:not(.vertical), popover.background .linked entry, popover.background entry,
+popover.background spinbutton:not(.vertical), spinbutton.flat:not(.vertical), entry.flat {
+  border-radius: 0;
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2), inset 0 -2px transparent;
+  background-color: transparent;
+  color: #FFFFFF;
+  outline: none;
+}
+
+colorchooser .popover.osd spinbutton:focus-within:not(.vertical), window.dialog.message entry:focus-within, notebook > stack:not(:only-child) entry:focus-within:not(.search),
+notebook > stack:not(:only-child) spinbutton:focus-within:not(.vertical), popover.background entry:focus-within,
+popover.background spinbutton:focus-within:not(.vertical), spinbutton.flat:focus-within:not(.vertical), entry.flat:focus-within {
+  box-shadow: inset 0 -1px transparent, inset 0 -2px #5657f5;
+  outline: none;
+}
+
+colorchooser .popover.osd spinbutton:disabled:not(.vertical), window.dialog.message entry:disabled, notebook > stack:not(:only-child) entry:disabled:not(.search),
+notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), popover.background entry:disabled,
+popover.background spinbutton:disabled:not(.vertical), spinbutton.flat:disabled:not(.vertical), entry.flat:disabled {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08), inset 0 -2px transparent;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+  outline: none;
+}
+
+spinbutton:not(.vertical) image, entry image {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active {
+  color: #FFFFFF;
+}
+
+spinbutton:not(.vertical) image:disabled, entry image:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton:not(.vertical) image.left, entry image.left {
+  margin-left: 2px;
+  margin-right: 6px;
+}
+
+spinbutton:not(.vertical) image.right, entry image.right {
+  margin-left: 6px;
+  margin-right: 2px;
+}
+
+spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder {
+  opacity: 0;
+}
+
+spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor {
+  color: #31313a;
+  background-color: #FFFFFF;
+}
+
+spinbutton:not(.vertical) undershoot.left > undershoot.left, entry undershoot.left > undershoot.left {
+  box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+spinbutton:not(.vertical) undershoot.right > undershoot.right, entry undershoot.right > undershoot.right {
+  box-shadow: inset -1px 0 rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+spinbutton.error:not(.vertical), entry.error {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #DD2C00;
+  color: #FFFFFF;
+  outline: none;
+}
+
+spinbutton.error:focus-within:not(.vertical), entry.error:focus-within {
+  border-image: none;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+  outline: none;
+}
+
+spinbutton.error:disabled:not(.vertical), entry.error:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+  outline: none;
+}
+
+spinbutton.error.flat:not(.vertical), entry.error.flat {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -1px #DD2C00, inset 0 -2px transparent;
+  background-color: transparent;
+  color: #FFFFFF;
+  outline: none;
+}
+
+spinbutton.error.flat:focus-within:not(.vertical), entry.error.flat:focus-within {
+  box-shadow: inset 0 -1px transparent, inset 0 -2px #DD2C00;
+  outline: none;
+}
+
+spinbutton.error.flat:disabled:not(.vertical), entry.error.flat:disabled {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08), inset 0 -2px transparent;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+  outline: none;
+}
+
+spinbutton.error:not(.vertical) image, entry.error image {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active {
+  color: #FFFFFF;
+}
+
+spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.warning:not(.vertical), entry.warning {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #FF6D00;
+  color: #FFFFFF;
+  outline: none;
+}
+
+spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within {
+  border-image: none;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+  outline: none;
+}
+
+spinbutton.warning:disabled:not(.vertical), entry.warning:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+  outline: none;
+}
+
+spinbutton.warning.flat:not(.vertical), entry.warning.flat {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -1px #FF6D00, inset 0 -2px transparent;
+  background-color: transparent;
+  color: #FFFFFF;
+  outline: none;
+}
+
+spinbutton.warning.flat:focus-within:not(.vertical), entry.warning.flat:focus-within {
+  box-shadow: inset 0 -1px transparent, inset 0 -2px #FF6D00;
+  outline: none;
+}
+
+spinbutton.warning.flat:disabled:not(.vertical), entry.warning.flat:disabled {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08), inset 0 -2px transparent;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+  outline: none;
+}
+
+spinbutton.warning:not(.vertical) image, entry.warning image {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active {
+  color: #FFFFFF;
+}
+
+spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton:not(.vertical) > progress, entry > progress {
+  margin: 2px -6px;
+}
+
+spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress {
+  background-color: transparent;
+  background-image: none;
+  border-radius: 0;
+  border-bottom: 2px solid #5657f5;
+  box-shadow: none;
+}
+
+.linked:not(.vertical) > spinbutton.flat:not(.vertical), .linked.vertical > spinbutton.flat:not(.vertical), .linked:not(.vertical) > entry.flat, .linked.vertical > entry.flat {
+  border-radius: 0;
+}
+
+notebook > stack:not(:only-child) treeview entry:not(.search),
+notebook > stack:not(:only-child) treeview spinbutton:not(.vertical),
+treeview entry {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #31313a;
+}
+
+notebook > stack:not(:only-child) treeview entry:not(.search),
+notebook > stack:not(:only-child) treeview spinbutton:not(.vertical),
+treeview entry {
+  border-image: none;
+  box-shadow: none;
+}
+
+editablelabel > stack > text {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #44454b;
+  color: #FFFFFF;
+  outline: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+.entry-tag:hover {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+:dir(ltr) .entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+
+.entry-tag.button {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active) {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs_attention {
+  from {
+    background-image: radial-gradient(farthest-side, #9e9ff9 0%, rgba(158, 159, 249, 0) 0%);
+  }
+  to {
+    background-image: radial-gradient(farthest-side, #9e9ff9 95%, rgba(158, 159, 249, 0));
+  }
+}
+
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 6px 10px;
+  border-radius: 7px;
+  font-weight: 500;
+  transition: 100ms;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #44454b;
+  color: rgba(255, 255, 255, 0.8);
+  outline: none;
+}
+
+
+button:hover {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+  color: #FFFFFF;
+  outline: none;
+}
+
+
+button:active {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.1);
+  outline: none;
+}
+
+
+button:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.3);
+  outline: none;
+}
+
+
+button:checked {
+  background-color: #5657f5;
+  color: #FFFFFF;
+  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+  outline: none;
+}
+
+
+button:checked:disabled {
+  background-color: rgba(86, 87, 245, 0.3);
+  color: rgba(86, 87, 245, 0.5);
+  background-image: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button, window.dialog.message.csd .linked.dialog-action-area:not(.vertical) > button, window.dialog.message .linked.dialog-action-area:not(.vertical) > button, check,
+radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical button, spinbutton:not(.vertical) button, splitbutton.flat > button,
+splitbutton.flat > menubutton > button, menubutton.flat > button, banner > revealer > widget button, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), popover.background modelbutton, popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model,
+pathbar > button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+toolbar button, .toolbar button,
+button.flat {
+  transition: 100ms;
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.7);
+  outline: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:hover, window.dialog.message .linked:not(.vertical).dialog-action-area > button:hover, check:hover,
+radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, banner > revealer > widget button:hover, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), popover.background modelbutton:hover, popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover,
+pathbar > button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+toolbar button:hover, .toolbar button:hover,
+button.flat:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+  color: #FFFFFF;
+  outline: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:active, window.dialog.message .linked:not(.vertical).dialog-action-area > button:active, check:active,
+radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, banner > revealer > widget button:active, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), popover.background modelbutton:active, popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active,
+pathbar > button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+toolbar button:active, .toolbar button:active,
+button.flat:active {
+  background-color: rgba(255, 255, 255, 0.15);
+  color: #FFFFFF;
+  background-image: none;
+  outline: none;
+}
+
+placessidebar .navigation-sidebar > row button.sidebar-button:disabled, window.dialog.message .linked:not(.vertical).dialog-action-area > button:disabled, check:disabled,
+radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, banner > revealer > widget button:disabled, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), popover.background modelbutton:disabled, popover.menu box.circular-buttons button.circular.image-button.model:disabled, popover.menu box.inline-buttons button.image-button.model:disabled,
+pathbar > button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+toolbar button:disabled, .toolbar button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.3);
+  outline: none;
+}
+
+splitbutton.flat > button:checked,
+splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, banner > revealer > widget button:checked, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), popover.background modelbutton:checked, popover.menu box.circular-buttons button.circular.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked,
+pathbar > button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+toolbar button:checked, .toolbar button:checked,
+button.flat:checked {
+  background-color: rgba(255, 255, 255, 0.2);
+  color: #FFFFFF;
+  background-image: none;
+  outline: none;
+}
+
+splitbutton.flat > button:checked:disabled,
+splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled, banner > revealer > widget button:checked:disabled, .nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, infobar.warning button:checked:disabled, infobar.error button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background modelbutton:checked:disabled, popover.menu box.circular-buttons button.circular.image-button.model:checked:disabled, popover.menu box.inline-buttons button.image-button.model:checked:disabled,
+pathbar > button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+toolbar button:checked:disabled, .toolbar button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: rgba(255, 255, 255, 0.08);
+  color: rgba(255, 255, 255, 0.5);
+  background-image: none;
+}
+
+
+button.text-button {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+
+button.image-button {
+  min-width: 24px;
+  padding: 6px;
+}
+
+
+button.text-button.image-button label:first-child {
+  margin-left: 10px;
+}
+
+
+button.text-button.image-button label:last-child {
+  margin-right: 10px;
+}
+
+
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+
+.linked > button.flat, .linked.vertical > button.flat {
+  border-radius: 7px;
+}
+
+.linked > button.flat.image-button, .linked > button.flat.text-button.image-button, .linked.vertical > button.flat.image-button, .linked.vertical > button.flat.text-button.image-button {
+  border-radius: 7px;
+}
+
+row:selected button:disabled {
+  background-color: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.3);
+}
+
+banner > revealer > widget button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, row:selected button.flat {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+banner > revealer > widget button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, banner > revealer > widget button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, row:selected button.flat:hover, row:selected button.flat:active {
+  color: #FFFFFF;
+}
+
+banner > revealer > widget button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button.flat:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+banner > revealer > widget button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, row:selected button.flat:checked {
+  background-color: rgba(255, 255, 255, 0.3);
+  color: #FFFFFF;
+}
+
+banner > revealer > widget button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, infobar.warning button:checked:disabled, infobar.error button:checked:disabled, row:selected button.flat:checked:disabled {
+  background-color: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.5);
+}
+
+
+button.osd {
+  padding: 12px 16px;
+  box-shadow: none;
+  background-color: rgba(0, 0, 0, 0.65);
+  color: white;
+}
+
+
+button.osd:hover {
+  background-color: rgba(0, 0, 0, 0.75);
+  color: white;
+}
+
+
+button.osd:active {
+  background-color: rgba(0, 0, 0, 0.85);
+  color: white;
+}
+
+
+button.osd.image-button {
+  padding: 12px;
+}
+
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+
+button.suggested-action {
+  background-color: #7C4DFF;
+  color: #FFFFFF;
+  background-image: linear-gradient(to bottom, #4FC3F7, #42A5F5);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+  outline: none;
+  background-image: none;
+}
+
+
+button.suggested-action:checked {
+  background-color: #a382ff;
+}
+
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #7C4DFF;
+  background-image: none;
+}
+
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+  outline: none;
+  background-image: none;
+}
+
+
+button.suggested-action.flat:checked {
+  background-image: none;
+  background-color: rgba(124, 77, 255, 0.3);
+}
+
+
+button.destructive-action {
+  background-color: #FF5252;
+  color: #FFFFFF;
+  background-image: linear-gradient(to bottom, #EF5350, #FF5252);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: #3b3b43;
+  color: rgba(255, 255, 255, 0.5);
+  outline: none;
+  background-image: none;
+}
+
+
+button.destructive-action:checked {
+  background-color: #ff8686;
+}
+
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #FF5252;
+  background-image: none;
+}
+
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+  outline: none;
+  background-image: none;
+}
+
+
+button.destructive-action.flat:checked {
+  background-image: none;
+  background-color: rgba(255, 82, 82, 0.3);
+}
+
+stackswitcher > button {
+  outline-offset: -4px;
+}
+
+stackswitcher > button > label {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+stackswitcher > button > image {
+  padding-left: 6px;
+  padding-right: 6px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+stackswitcher > button.text-button {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+stackswitcher > button.image-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+.primary-toolbar button {
+  -gtk-icon-shadow: none;
+}
+
+menubutton.circular > button, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action), row button.image-button, headerbar.default-decoration windowcontrols button, headerbar button.suggested-action, headerbar button.destructive-action, headerbar button:not(.suggested-action):not(.destructive-action), check,
+radio, popover.menu box.circular-buttons button.circular.image-button.model,
+button.close,
+button.circular,
+button.round-button {
+  border-radius: 9999px;
+}
+
+.nautilus-window.background.csd .floating-bar button, placessidebar .navigation-sidebar > row button.sidebar-button, notebook > header tab button.flat, spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+  animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+.linked:not(.vertical) > combobox > box > button.combo, row .linked button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button {
+  border-radius: 0;
+}
+
+row .linked button:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child {
+  border-top-left-radius: 7px;
+  border-bottom-left-radius: 7px;
+}
+
+row .linked button:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child {
+  border-top-right-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+row .linked button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child {
+  border-radius: 7px;
+}
+
+.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button {
+  border-radius: 0;
+}
+
+.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child {
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child {
+  border-bottom-left-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child {
+  border-radius: 7px;
+}
+
+.toolbar button {
+  margin: 1px;
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay {
+  border-radius: 0;
+}
+
+/*********
+ * Links *
+ *********/
+button.link,
+link {
+  color: #039BE5;
+}
+
+button.link:visited,
+link:visited,
+link:visited:hover,
+link:visited:active {
+  color: #E040FB;
+}
+
+infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, headerbar.selection-mode .subtitle:link, button.link:selected, *:selected button.link,
+link:selected, *:selected link {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.link selection {
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+  font-feature-settings: "tnum";
+}
+
+spinbutton > text > block-cursor {
+  background-color: #FFFFFF;
+  color: #31313a;
+}
+
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled,
+spinbutton:not(.vertical) text {
+  min-width: 32px;
+  margin: 0;
+  padding-left: 12px;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+  border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
+  margin-left: -3px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
+  margin-right: -3px;
+}
+
+spinbutton.vertical {
+  background-color: rgba(255, 255, 255, 0.08);
+  border-radius: 7px;
+}
+
+spinbutton.vertical:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+spinbutton.vertical:drop(active) {
+  box-shadow: none;
+}
+
+spinbutton.vertical text {
+  min-height: 36px;
+  min-width: 48px;
+  padding: 0;
+}
+
+spinbutton.vertical button {
+  min-height: 36px;
+  min-width: 48px;
+  padding: 0;
+}
+
+spinbutton.vertical button.up {
+  border-radius: 7px 7px 0 0;
+}
+
+spinbutton.vertical button.down {
+  border-radius: 0 0 7px 7px;
+}
+
+treeview spinbutton:not(.vertical) {
+  min-height: 0;
+  border-style: none;
+  border-radius: 0;
+}
+
+treeview spinbutton:not(.vertical) text {
+  min-height: 0;
+  padding: 1px 2px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+dropdown > popover.menu.background > contents {
+  padding: 0;
+}
+
+dropdown > button > box {
+  border-spacing: 6px;
+}
+
+dropdown arrow,
+combobox arrow {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  min-height: 16px;
+  min-width: 16px;
+}
+
+dropdown > popover.menu > contents modelbutton,
+combobox > popover.menu > contents modelbutton {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+dropdown button.combo:checked,
+combobox button.combo:checked {
+  transition: none;
+}
+
+dropdown button.combo cellview:dir(ltr),
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+
+dropdown button.combo cellview:dir(rtl),
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+
+dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr) {
+  border-top-left-radius: 7px;
+  border-bottom-left-radius: 7px;
+}
+
+dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl) {
+  border-top-right-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+dropdown:drop(active),
+combobox:drop(active) {
+  box-shadow: none;
+}
+
+.linked:not(.vertical) > combobox:first-child > box > button.combo {
+  border-top-left-radius: 7px;
+  border-bottom-left-radius: 7px;
+}
+
+.linked:not(.vertical) > combobox:last-child > box > button.combo {
+  border-bottom-right-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+.linked:not(.vertical) > combobox:only-child > box > button.combo {
+  border-radius: 7px;
+}
+
+.linked.vertical > combobox:first-child > box > button.combo {
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+.linked.vertical > combobox:last-child > box > button.combo {
+  border-bottom-left-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+.linked.vertical > combobox:only-child > box > button.combo {
+  border-radius: 7px;
+}
+
+notebook > stack:not(:only-child) button.combo, popover.background button.combo {
+  border-radius: 0;
+  background-image: none;
+  font-weight: inherit;
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.2), inset 0 -2px transparent;
+  background-color: transparent;
+  color: #FFFFFF;
+  outline: none;
+}
+
+notebook > stack:not(:only-child) button.combo:hover, popover.background button.combo:hover {
+  box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5);
+}
+
+notebook > stack:not(:only-child) button.combo:checked, popover.background button.combo:checked {
+  box-shadow: inset 0 -2px #5657f5;
+}
+
+notebook > stack:not(:only-child) button.combo:disabled, popover.background button.combo:disabled {
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+  color: rgba(255, 255, 255, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar,
+toolbar {
+  padding: 2px;
+  background-color: #34343b;
+}
+
+.osd .toolbar, .osd toolbar {
+  background-color: transparent;
+}
+
+.app-notification, .toolbar.osd,
+toolbar.osd {
+  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 7px;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #31313a;
+}
+
+.app-notification:backdrop, .toolbar.osd:backdrop,
+toolbar.osd:backdrop {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+  border-radius: 0;
+}
+
+.toolbar.horizontal > separator,
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+
+.toolbar.vertical > separator,
+toolbar.vertical > separator {
+  margin: 2px;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) scale,
+.toolbar:not(.inline-toolbar):not(.osd) entry,
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+.toolbar:not(.inline-toolbar):not(.osd) button,
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+  margin: 2px;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+  margin-left: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+.toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+  margin-right: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+.toolbar:not(.inline-toolbar):not(.osd) spinbutton button,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+  margin: 0;
+}
+
+.toolbar:not(.inline-toolbar):not(.osd) switch,
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 8px 2px;
+}
+
+searchbar > revealer > box {
+  border-spacing: 0;
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #34343b;
+  background-clip: border-box;
+  box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button,
+searchbar > revealer > box menubutton,
+searchbar > revealer > box splitbutton {
+  margin: 0;
+}
+
+actionbar > revealer > box {
+  box-shadow: none;
+  padding: 6px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+actionbar > revealer > box .linked > button {
+  border-radius: 7px;
+}
+
+actionbar > revealer > box entry,
+actionbar > revealer > box button,
+actionbar > revealer > box menubutton,
+actionbar > revealer > box splitbutton {
+  margin: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+
+pathbar > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 0%, transparent 0%) 0 0 0/0 0 0px;
+  border-radius: 7px;
+}
+
+
+pathbar > button:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5657f5 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+
+pathbar > button:checked,
+pathbar > button:checked:disabled {
+  background-color: transparent;
+}
+
+
+pathbar > button label,
+pathbar > button image {
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+
+pathbar > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+  border-left-color: #474751;
+  border-top-color: #474751;
+}
+
+columnview.view:selected,
+treeview.view:selected {
+  border-left-color: rgba(255, 255, 255, 0.3);
+}
+
+columnview.view:hover, columnview.view:active, columnview.view:selected,
+treeview.view:hover,
+treeview.view:active,
+treeview.view:selected {
+  border-radius: 0;
+}
+
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(255, 255, 255, 0.08);
+}
+
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: #7C4DFF;
+}
+
+columnview.view > dndtarget:drop(active).after,
+treeview.view > dndtarget:drop(active).after {
+  border-top-style: none;
+}
+
+columnview.view > dndtarget:drop(active).before,
+treeview.view > dndtarget:drop(active).before {
+  border-bottom-style: none;
+}
+
+columnview.view.expander,
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(255, 255, 255, 0.7);
+}
+
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-transform: unset;
+}
+
+columnview.view.expander:hover, columnview.view.expander:active,
+treeview.view.expander:hover,
+treeview.view.expander:active {
+  color: #FFFFFF;
+}
+
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+columnview.view.expander:selected,
+treeview.view.expander:selected {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+columnview.view.expander:selected:hover, columnview.view.expander:selected:active,
+treeview.view.expander:selected:hover,
+treeview.view.expander:selected:active {
+  color: #FFFFFF;
+}
+
+columnview.view.expander:selected:disabled,
+treeview.view.expander:selected:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 4px solid #5657f5;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+columnview.view.progressbar:selected,
+treeview.view.progressbar:selected {
+  border-bottom-color: #FFFFFF;
+}
+
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 4px solid rgba(86, 87, 245, 0.3);
+  box-shadow: none;
+  background-color: transparent;
+}
+
+columnview.view.trough:selected,
+treeview.view.trough:selected {
+  border-bottom-color: rgba(255, 255, 255, 0.3);
+}
+
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+columnview.view > header > button, columnview.view > header > button:hover, columnview.view > header > button:active,
+treeview.view > header > button,
+treeview.view > header > button:hover,
+treeview.view > header > button:active {
+  box-shadow: none;
+}
+
+columnview.view > header > button, columnview.view > header > button:disabled,
+treeview.view > header > button,
+treeview.view > header > button:disabled {
+  background-color: #31313a;
+}
+
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+  border-right-style: none;
+}
+
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #31313a;
+  background-clip: border-box;
+  color: #5657f5;
+}
+
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #5657f5;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar {
+  padding: 0;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+menubar > item {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 6px 12px;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+menubar > item:hover {
+  transition: none;
+  color: #FFFFFF;
+  box-shadow: inset 0 -3px #5657f5;
+}
+
+menubar > item:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+menubar > item label:disabled {
+  color: inherit;
+}
+
+menubar > item popover.menu.background > contents {
+  padding: 6px;
+}
+
+menubar > item popover.menu popover.menu {
+  padding: 0 0 4px 0;
+}
+
+menubar > item popover.menu.background popover.menu.background > contents {
+  margin: 0;
+  border-radius: 8px;
+}
+
+popover.menu {
+  padding: 0;
+}
+
+popover.menu box.inline-buttons {
+  padding: 0 6px;
+}
+
+popover.menu box.inline-buttons button.image-button.model {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 0;
+  border: none;
+  outline: none;
+}
+
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 6px;
+  min-height: 28px;
+  min-width: 28px;
+}
+
+popover.menu arrow.left,
+popover.menu radio.left,
+popover.menu check.left {
+  margin-left: -2px;
+  margin-right: 6px;
+}
+
+popover.menu arrow.right,
+popover.menu radio.right,
+popover.menu check.right {
+  margin-left: 6px;
+  margin-right: -2px;
+}
+
+popover.menu label.title {
+  font-weight: bold;
+  padding: 4px 32px;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  background-color: transparent;
+  font: initial;
+}
+
+popover.background > arrow,
+popover.background > contents {
+  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.12), 0 4px 3px rgba(0, 0, 0, 0.16);
+  background-color: rgba(60, 60, 70, 0.95);
+  border-radius: 8px;
+  color: rgba(255, 255, 255, 0.7);
+  border: none;
+}
+
+popover.background > arrow:disabled,
+popover.background > contents:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+popover.background:backdrop {
+  background-color: transparent;
+}
+
+popover.background:backdrop > arrow,
+popover.background:backdrop > contents {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+popover.background > contents > list,
+popover.background > contents > .view,
+popover.background > contents > toolbar {
+  border-style: none;
+  background-color: transparent;
+  box-shadow: none;
+}
+
+popover.background > contents separator {
+  margin: 3px 0;
+}
+
+popover.background > contents list separator {
+  margin: 0;
+}
+
+popover.background > contents listview.view {
+  background-color: transparent;
+}
+
+popover.background > contents listview.view > row {
+  margin: 0;
+  border-radius: 5px;
+  padding: 6px 12px;
+}
+
+popover.background > contents listview.view > row:selected {
+  background-color: rgba(255, 255, 255, 0.12);
+  color: #FFFFFF;
+}
+
+.linked > popover.background button {
+  border-radius: 7px;
+}
+
+.linked > popover.background button:first-child {
+  border-radius: 7px;
+}
+
+.linked > popover.background button:last-child {
+  border-radius: 7px;
+}
+
+.linked > popover.background button:only-child {
+  border-radius: 7px;
+}
+
+popover.background modelbutton {
+  min-height: 20px;
+  min-width: 40px;
+  padding: 5px 8px;
+  border-radius: 5px;
+  box-shadow: none;
+  animation: none;
+  transition: none;
+}
+
+popover.background modelbutton arrow {
+  background: none;
+}
+
+popover.background modelbutton arrow:hover {
+  background: none;
+}
+
+popover.background modelbutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
+}
+
+popover.background modelbutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme("go-next-symbolic");
+}
+
+popover.background modelbutton:hover {
+  color: rgba(255, 255, 255, 0.7);
+  background-color: rgba(255, 255, 255, 0.08);
+  background-image: none;
+  box-shadow: none;
+}
+
+popover.background modelbutton:hover:active {
+  color: rgba(255, 255, 255, 0.7);
+  background-color: rgba(255, 255, 255, 0.1);
+  background-image: none;
+  box-shadow: none;
+}
+
+popover.background modelbutton:focus:not(:hover) {
+  transition: none;
+  background: none;
+  box-shadow: none;
+  animation: none;
+}
+
+popover.background.menu button, popover.background button.model {
+  border-radius: 7px;
+}
+
+popover.background checkbutton.text-button,
+popover.background radiobutton.text-button {
+  outline-style: none;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+popover.background label.separator {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+/*************
+ * Notebooks *
+ *************/
+frame > paned > notebook > header, notebook.frame > header {
+  background-color: #3b3b43;
+}
+
+notebook, notebook.frame {
+  background-color: #31313a;
+  border-radius: 10px;
+}
+
+notebook.frame frame > border {
+  border: none;
+  border-radius: 10px;
+}
+
+notebook.frame frame > list row.activatable {
+  border-radius: 10px;
+}
+
+notebook > header {
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #34343b;
+  background-clip: border-box;
+}
+
+notebook > header.top {
+  border-bottom-style: solid;
+  border-radius: 9px 9px 0 0;
+}
+
+notebook > header.top > tabs {
+  margin-bottom: -1px;
+}
+
+notebook > header.top > tabs > tab:hover {
+  box-shadow: inset 0 -2px rgba(255, 255, 255, 0.2);
+}
+
+notebook > header.top > tabs > tab:checked {
+  box-shadow: inset 0 -2px #5657f5;
+}
+
+notebook > header.bottom {
+  border-top-style: solid;
+  border-radius: 0 0 9px 9px;
+}
+
+notebook > header.bottom > tabs {
+  margin-top: -1px;
+}
+
+notebook > header.bottom > tabs > tab:hover {
+  box-shadow: inset 0 2px rgba(255, 255, 255, 0.2);
+}
+
+notebook > header.bottom > tabs > tab:checked {
+  box-shadow: inset 0 2px #5657f5;
+}
+
+notebook > header.left {
+  border-right-style: solid;
+  border-radius: 9px 0 0 9px;
+}
+
+notebook > header.left > tabs {
+  margin-right: -1px;
+}
+
+notebook > header.left > tabs > tab:hover {
+  box-shadow: inset -2px 0 rgba(255, 255, 255, 0.2);
+}
+
+notebook > header.left > tabs > tab:checked {
+  box-shadow: inset -2px 0 #5657f5;
+}
+
+notebook > header.right {
+  border-left-style: solid;
+  border-radius: 0 9px 9px 0;
+}
+
+notebook > header.right > tabs {
+  margin-left: -1px;
+}
+
+notebook > header.right > tabs > tab:hover {
+  box-shadow: inset 2px 0 rgba(255, 255, 255, 0.2);
+}
+
+notebook > header.right > tabs > tab:checked {
+  box-shadow: inset 2px 0 #5657f5;
+}
+
+notebook > header.top > tabs > arrow {
+  border-top-style: none;
+}
+
+notebook > header.bottom > tabs > arrow {
+  border-bottom-style: none;
+}
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+  margin-left: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+  margin-right: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+notebook > header.left > tabs > arrow {
+  border-left-style: none;
+}
+
+notebook > header.right > tabs > arrow {
+  border-right-style: none;
+}
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+  margin-top: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+  margin-bottom: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 0;
+}
+
+notebook > header tab {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px 12px;
+  outline-offset: -6px;
+  border-width: 1px;
+  border-color: transparent;
+  color: rgba(255, 255, 255, 0.7);
+  font-weight: 500;
+}
+
+notebook > header tab:hover {
+  color: #FFFFFF;
+}
+
+notebook > header tab:hover.reorderable-page {
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #3b3b43;
+}
+
+notebook > header tab:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+notebook > header tab:checked {
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+notebook > header tab:checked:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+notebook > header tab:checked.reorderable-page {
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+}
+
+notebook > header tab button.flat {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  margin: 0;
+}
+
+notebook > header tab button.flat:last-child {
+  margin-left: 6px;
+  margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+  margin-left: -6px;
+  margin-right: 6px;
+}
+
+notebook > header.top tabs, notebook > header.bottom tabs {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
+  margin: 0 -1px;
+  border-style: none solid;
+}
+
+notebook > header.left tabs, notebook > header.right tabs {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
+  margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
+  margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
+  margin: -1px 0;
+  border-style: solid none;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: #31313a;
+  border-radius: 10px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(49, 49, 58, 0.65);
+  background-clip: border-box;
+}
+
+scrollbar.top {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+scrollbar.bottom {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+scrollbar.left {
+  border-right: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+scrollbar.right {
+  border-left: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+scrollbar > range > trough {
+  box-shadow: none;
+  outline: none;
+  background: none;
+  padding: 0;
+  margin: 0;
+}
+
+scrollbar > range > trough > slider {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(255, 255, 255, 0.5);
+  box-shadow: none;
+  outline: none;
+  padding: 0;
+  margin: 0;
+}
+
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(255, 255, 255, 0.7);
+}
+
+scrollbar > range > trough > slider:active {
+  background-color: #FFFFFF;
+}
+
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+scrollbar > range.fine-tune > trough > slider {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
+  min-width: 4px;
+  min-height: 4px;
+}
+
+scrollbar > range.fine-tune.horizontal > trough > slider {
+  margin: 2px 0;
+}
+
+scrollbar > range.fine-tune.vertical > trough > slider {
+  margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(49, 49, 58, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(49, 49, 58, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(255, 255, 255, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider {
+  min-width: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+  min-width: 8px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider {
+  min-height: 24px;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+  min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
+  background-color: rgba(49, 49, 58, 0.9);
+}
+
+scrollbar.horizontal > range > trough > slider {
+  min-width: 24px;
+}
+
+scrollbar.vertical > range > trough > slider {
+  min-height: 24px;
+}
+
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+  transition: all 225ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 6px 0;
+  padding: 0;
+  min-height: 20px;
+  min-width: 42px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-color: rgba(255, 255, 255, 0.2);
+  background-clip: padding-box;
+  color: transparent;
+  font-size: 0;
+}
+
+switch:disabled {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+switch:checked {
+  background-color: rgba(124, 77, 255, 0.35);
+  color: transparent;
+}
+
+switch:checked:disabled {
+  background-color: rgba(124, 77, 255, 0.2);
+}
+
+switch > slider {
+  transition: 100ms, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 24px;
+  min-height: 24px;
+  margin: -4px -3px;
+  border-radius: 9999px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #44454b;
+  color: transparent;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-image: -gtk-scaled(url("assets/switch-slider-unchecked-dark.png"), url("assets/switch-slider-unchecked-dark@2.png"));
+}
+
+switch:hover > slider {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+switch:checked > slider {
+  transition: 100ms, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), margin 0;
+  background-color: #7C4DFF;
+  color: transparent;
+  background-image: -gtk-scaled(url("assets/switch-slider-checked-dark.png"), url("assets/switch-slider-checked-dark@2.png"));
+}
+
+switch:disabled > slider {
+  background-color: #3b3b43;
+}
+
+switch:checked:disabled > slider {
+  animation: none;
+  background-color: #573f9d;
+}
+
+row:selected switch:checked {
+  background-color: rgba(68, 1, 255, 0.35);
+}
+
+row:selected switch:checked:disabled {
+  background-color: rgba(68, 1, 255, 0.2);
+}
+
+row:selected switch:checked > slider {
+  background-color: #561aff;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+  min-height: 40px;
+  min-width: 40px;
+  margin: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+  -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
+.content-view .tile check:not(list):hover,
+.content-view .tile check:not(list):active {
+  -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+  -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
+}
+
+.view.content-view.check:not(list):checked,
+.content-view .tile check:not(list):checked {
+  -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
+}
+
+checkbutton,
+radiobutton {
+  outline: none;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+  outline-offset: 0;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+row check:selected,
+row radio:selected, row check:selected:active,
+row radio:selected:active, row check:selected:checked,
+row radio:selected:checked, row check:selected:indeterminate,
+row radio:selected:indeterminate, row check:selected:focus,
+row radio:selected:focus, row check:selected:focus:active,
+row radio:selected:focus:active, row check:selected:focus:checked,
+row radio:selected:focus:checked, row check:selected:focus:indeterminate,
+row radio:selected:focus:indeterminate, treeview.view check:selected,
+treeview.view radio:selected, treeview.view check:selected:active,
+treeview.view radio:selected:active, treeview.view check:selected:checked,
+treeview.view radio:selected:checked, treeview.view check:selected:indeterminate,
+treeview.view radio:selected:indeterminate, treeview.view check:selected:focus,
+treeview.view radio:selected:focus, treeview.view check:selected:focus:active,
+treeview.view radio:selected:focus:active, treeview.view check:selected:focus:checked,
+treeview.view radio:selected:focus:checked, treeview.view check:selected:focus:indeterminate,
+treeview.view radio:selected:focus:indeterminate, row.activatable check:selected,
+row.activatable radio:selected, row.activatable check:selected:active,
+row.activatable radio:selected:active, row.activatable check:selected:checked,
+row.activatable radio:selected:checked, row.activatable check:selected:indeterminate,
+row.activatable radio:selected:indeterminate, row.activatable check:selected:focus,
+row.activatable radio:selected:focus, row.activatable check:selected:focus:active,
+row.activatable radio:selected:focus:active, row.activatable check:selected:focus:checked,
+row.activatable radio:selected:focus:checked, row.activatable check:selected:focus:indeterminate,
+row.activatable radio:selected:focus:indeterminate, row checkbutton check:selected, row checkbutton check:selected:active, row checkbutton check:selected:checked, row checkbutton check:selected:indeterminate, row checkbutton check:selected:focus, row checkbutton check:selected:focus:active, row checkbutton check:selected:focus:checked, row checkbutton check:selected:focus:indeterminate, treeview.view checkbutton check:selected, treeview.view checkbutton check:selected:active, treeview.view checkbutton check:selected:checked, treeview.view checkbutton check:selected:indeterminate, treeview.view checkbutton check:selected:focus, treeview.view checkbutton check:selected:focus:active, treeview.view checkbutton check:selected:focus:checked, treeview.view checkbutton check:selected:focus:indeterminate, row.activatable checkbutton check:selected, row.activatable checkbutton check:selected:active, row.activatable checkbutton check:selected:checked, row.activatable checkbutton check:selected:indeterminate, row.activatable checkbutton check:selected:focus, row.activatable checkbutton check:selected:focus:active, row.activatable checkbutton check:selected:focus:checked, row.activatable checkbutton check:selected:focus:indeterminate, row radiobutton radio:selected, row radiobutton radio:selected:active, row radiobutton radio:selected:checked, row radiobutton radio:selected:indeterminate, row radiobutton radio:selected:focus, row radiobutton radio:selected:focus:active, row radiobutton radio:selected:focus:checked, row radiobutton radio:selected:focus:indeterminate, treeview.view radiobutton radio:selected, treeview.view radiobutton radio:selected:active, treeview.view radiobutton radio:selected:checked, treeview.view radiobutton radio:selected:indeterminate, treeview.view radiobutton radio:selected:focus, treeview.view radiobutton radio:selected:focus:active, treeview.view radiobutton radio:selected:focus:checked, treeview.view radiobutton radio:selected:focus:indeterminate, row.activatable radiobutton radio:selected, row.activatable radiobutton radio:selected:active, row.activatable radiobutton radio:selected:checked, row.activatable radiobutton radio:selected:indeterminate, row.activatable radiobutton radio:selected:focus, row.activatable radiobutton radio:selected:focus:active, row.activatable radiobutton radio:selected:focus:checked, row.activatable radiobutton radio:selected:focus:indeterminate {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+row check:selected:disabled,
+row radio:selected:disabled, row check:selected:active:disabled,
+row radio:selected:active:disabled, row check:selected:checked:disabled,
+row radio:selected:checked:disabled, row check:selected:indeterminate:disabled,
+row radio:selected:indeterminate:disabled, row check:selected:focus:disabled,
+row radio:selected:focus:disabled, row check:selected:focus:active:disabled,
+row radio:selected:focus:active:disabled, row check:selected:focus:checked:disabled,
+row radio:selected:focus:checked:disabled, row check:selected:focus:indeterminate:disabled,
+row radio:selected:focus:indeterminate:disabled, treeview.view check:selected:disabled,
+treeview.view radio:selected:disabled, treeview.view check:selected:active:disabled,
+treeview.view radio:selected:active:disabled, treeview.view check:selected:checked:disabled,
+treeview.view radio:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
+treeview.view radio:selected:indeterminate:disabled, treeview.view check:selected:focus:disabled,
+treeview.view radio:selected:focus:disabled, treeview.view check:selected:focus:active:disabled,
+treeview.view radio:selected:focus:active:disabled, treeview.view check:selected:focus:checked:disabled,
+treeview.view radio:selected:focus:checked:disabled, treeview.view check:selected:focus:indeterminate:disabled,
+treeview.view radio:selected:focus:indeterminate:disabled, row.activatable check:selected:disabled,
+row.activatable radio:selected:disabled, row.activatable check:selected:active:disabled,
+row.activatable radio:selected:active:disabled, row.activatable check:selected:checked:disabled,
+row.activatable radio:selected:checked:disabled, row.activatable check:selected:indeterminate:disabled,
+row.activatable radio:selected:indeterminate:disabled, row.activatable check:selected:focus:disabled,
+row.activatable radio:selected:focus:disabled, row.activatable check:selected:focus:active:disabled,
+row.activatable radio:selected:focus:active:disabled, row.activatable check:selected:focus:checked:disabled,
+row.activatable radio:selected:focus:checked:disabled, row.activatable check:selected:focus:indeterminate:disabled,
+row.activatable radio:selected:focus:indeterminate:disabled, row checkbutton check:selected:disabled, row checkbutton check:selected:active:disabled, row checkbutton check:selected:checked:disabled, row checkbutton check:selected:indeterminate:disabled, row checkbutton check:selected:focus:disabled, row checkbutton check:selected:focus:active:disabled, row checkbutton check:selected:focus:checked:disabled, row checkbutton check:selected:focus:indeterminate:disabled, treeview.view checkbutton check:selected:disabled, treeview.view checkbutton check:selected:active:disabled, treeview.view checkbutton check:selected:checked:disabled, treeview.view checkbutton check:selected:indeterminate:disabled, treeview.view checkbutton check:selected:focus:disabled, treeview.view checkbutton check:selected:focus:active:disabled, treeview.view checkbutton check:selected:focus:checked:disabled, treeview.view checkbutton check:selected:focus:indeterminate:disabled, row.activatable checkbutton check:selected:disabled, row.activatable checkbutton check:selected:active:disabled, row.activatable checkbutton check:selected:checked:disabled, row.activatable checkbutton check:selected:indeterminate:disabled, row.activatable checkbutton check:selected:focus:disabled, row.activatable checkbutton check:selected:focus:active:disabled, row.activatable checkbutton check:selected:focus:checked:disabled, row.activatable checkbutton check:selected:focus:indeterminate:disabled, row radiobutton radio:selected:disabled, row radiobutton radio:selected:active:disabled, row radiobutton radio:selected:checked:disabled, row radiobutton radio:selected:indeterminate:disabled, row radiobutton radio:selected:focus:disabled, row radiobutton radio:selected:focus:active:disabled, row radiobutton radio:selected:focus:checked:disabled, row radiobutton radio:selected:focus:indeterminate:disabled, treeview.view radiobutton radio:selected:disabled, treeview.view radiobutton radio:selected:active:disabled, treeview.view radiobutton radio:selected:checked:disabled, treeview.view radiobutton radio:selected:indeterminate:disabled, treeview.view radiobutton radio:selected:focus:disabled, treeview.view radiobutton radio:selected:focus:active:disabled, treeview.view radiobutton radio:selected:focus:checked:disabled, treeview.view radiobutton radio:selected:focus:indeterminate:disabled, row.activatable radiobutton radio:selected:disabled, row.activatable radiobutton radio:selected:active:disabled, row.activatable radiobutton radio:selected:checked:disabled, row.activatable radiobutton radio:selected:indeterminate:disabled, row.activatable radiobutton radio:selected:focus:disabled, row.activatable radiobutton radio:selected:focus:active:disabled, row.activatable radiobutton radio:selected:focus:checked:disabled, row.activatable radiobutton radio:selected:focus:indeterminate:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+row check:selected:hover,
+row radio:selected:hover, treeview.view check:selected:hover,
+treeview.view radio:selected:hover, row checkbutton check:selected:hover, row checkbutton check:selected:focus:hover, treeview.view checkbutton check:selected:hover, treeview.view checkbutton check:selected:focus:hover, row.activatable checkbutton check:selected:hover, row.activatable checkbutton check:selected:focus:hover, row radiobutton radio:selected:hover, row radiobutton radio:selected:focus:hover, treeview.view radiobutton radio:selected:hover, treeview.view radiobutton radio:selected:focus:hover, row.activatable radiobutton radio:selected:hover, row.activatable radiobutton radio:selected:focus:hover {
+  color: #FFFFFF;
+}
+
+row check:selected:hover:disabled,
+row radio:selected:hover:disabled, treeview.view check:selected:hover:disabled,
+treeview.view radio:selected:hover:disabled, row checkbutton check:selected:hover:disabled, row checkbutton check:selected:focus:hover:disabled, treeview.view checkbutton check:selected:hover:disabled, treeview.view checkbutton check:selected:focus:hover:disabled, row.activatable checkbutton check:selected:hover:disabled, row.activatable checkbutton check:selected:focus:hover:disabled, row radiobutton radio:selected:hover:disabled, row radiobutton radio:selected:focus:hover:disabled, treeview.view radiobutton radio:selected:hover:disabled, treeview.view radiobutton radio:selected:focus:hover:disabled, row.activatable radiobutton radio:selected:hover:disabled, row.activatable radiobutton radio:selected:focus:hover:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -12px;
+  padding: 12px;
+  background-color: transparent;
+  border: none;
+  outline: none;
+}
+
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #7C4DFF;
+}
+
+check:checked:disabled, check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(124, 77, 255, 0.5);
+}
+
+popover modelbutton.flat check, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) {
+  margin-left: -12px;
+  margin-right: -4px;
+}
+
+popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) {
+  margin-left: -4px;
+  margin-right: -12px;
+}
+
+popover.menu modelbutton check, popover.menu modelbutton radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+
+popover.menu modelbutton check:dir(ltr), popover.menu modelbutton radio:dir(ltr) {
+  margin-right: 8px;
+}
+
+popover.menu modelbutton check:dir(rtl), popover.menu modelbutton radio:dir(rtl) {
+  margin-left: 8px;
+}
+
+popover.menu modelbutton check:not(:checked):not(:indeterminate):not(:disabled), popover.menu modelbutton radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+popover.menu modelbutton check, popover.menu modelbutton check:hover, popover.menu modelbutton check:disabled, popover.menu modelbutton radio, popover.menu modelbutton radio:hover, popover.menu modelbutton radio:disabled {
+  box-shadow: none;
+}
+
+
+check {
+  -gtk-icon-size: 24px;
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
+}
+
+
+check:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
+}
+
+
+check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
+}
+
+
+radio {
+  -gtk-icon-size: 24px;
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
+}
+
+
+radio:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
+}
+
+
+radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
+}
+
+
+popover.menu modelbutton check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 7px;
+  -gtk-icon-size: 16px;
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
+}
+
+
+popover.menu modelbutton check:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
+}
+
+
+popover.menu modelbutton check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
+}
+
+
+popover.menu modelbutton radio {
+  min-height: 16px;
+  min-width: 16px;
+  border-image: none;
+  -gtk-icon-size: 16px;
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
+}
+
+
+popover.menu modelbutton radio:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
+}
+
+
+popover.menu modelbutton radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active,
+radio:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+check:not(:checked),
+radio:not(:checked) {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
+}
+
+popover.menu modelbutton check:not(:checked), popover.menu modelbutton radio:not(:checked) {
+  transition: none;
+}
+
+treeview.view check,
+treeview.view radio {
+  padding: 0;
+}
+
+treeview.view check:hover,
+treeview.view radio:hover {
+  box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
+}
+
+treeview.view check:hover:disabled,
+treeview.view radio:hover:disabled {
+  box-shadow: none;
+}
+
+treeview.view check:hover:selected,
+treeview.view radio:hover:selected {
+  box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
+}
+
+treeview.view check,
+treeview.view radio {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+treeview.view check:hover, treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #FFFFFF;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+treeview.view check:checked, treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #7C4DFF;
+}
+
+treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(124, 77, 255, 0.5);
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
+  border-image: none;
+}
+
+/***************
+ * Header bars *
+ ***************/
+headerbar .linked.path-bar:not(.vertical) > button,
+headerbar stackswitcher.linked:not(.vertical) > button {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+headerbar .linked:not(.vertical).path-bar > button:hover,
+headerbar stackswitcher.linked:not(.vertical) > button:hover {
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0 -2px transparent;
+}
+
+headerbar .linked:not(.vertical).path-bar > button:active,
+headerbar stackswitcher.linked:not(.vertical) > button:active {
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.15);
+  box-shadow: inset 0 -2px transparent;
+}
+
+headerbar .linked:not(.vertical).path-bar > button:checked,
+headerbar stackswitcher.linked:not(.vertical) > button:checked {
+  border-radius: 0;
+  color: #FFFFFF;
+  background-color: transparent;
+  box-shadow: inset 0 -2px #5657f5;
+  background-image: none;
+}
+
+headerbar .linked:not(.vertical).path-bar > button:checked:backdrop,
+headerbar stackswitcher.linked:not(.vertical) > button:checked:backdrop, headerbar .linked:not(.vertical).path-bar > button:active:backdrop,
+headerbar stackswitcher.linked:not(.vertical) > button:active:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+  box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5);
+}
+
+headerbar {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 48px;
+  padding: 0;
+  margin: 0;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+  color: #FFFFFF;
+  border-radius: 13px 13px 0 0;
+}
+
+headerbar:disabled :not(button) > label {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar:backdrop:disabled :not(button) > label {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.sidebar-pane headerbar {
+  border-top-right-radius: 0;
+}
+
+.content-pane headerbar {
+  border-top-left-radius: 0;
+}
+
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+headerbar entry {
+  background-color: #3d3d48;
+}
+
+headerbar entry:focus {
+  background-color: #444450;
+}
+
+headerbar .linked:not(.vertical) > entry:not(.flat) {
+  border-radius: 7px;
+}
+
+headerbar .linked:not(.vertical) > button {
+  border-radius: 7px;
+}
+
+headerbar button:not(.suggested-action):not(.destructive-action) {
+  border-image: none;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar button:not(.suggested-action):not(.destructive-action):hover, headerbar button:not(.suggested-action):not(.destructive-action):active {
+  color: #FFFFFF;
+}
+
+headerbar button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar button:not(.suggested-action):not(.destructive-action):checked {
+  border-image: none;
+  background-color: #5657f5;
+  color: #FFFFFF;
+  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12);
+}
+
+headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(255, 255, 255, 0.5);
+  background-color: rgba(86, 87, 245, 0.5);
+}
+
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  background-image: none;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled {
+  background-color: rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button,
+headerbar .linked > menubutton,
+headerbar entry > menubutton {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+headerbar splitbutton {
+  border-radius: 9999px;
+}
+
+headerbar > windowhandle > box {
+  padding: 0 6px;
+}
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+  border-spacing: 6px;
+}
+
+headerbar switch {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+headerbar.titlebar, .titlebar headerbar, .solid-csd headerbar, box > headerbar:only-child {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.08);
+}
+
+headerbar.titlebar.default-decoration, .csd headerbar.titlebar.default-decoration {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+box headerbar:not(:only-child):first-child, box headerbar:not(:only-child):last-child {
+  border-left-color: #31313a;
+  border-right-color: #31313a;
+}
+
+headerbar.selection-mode {
+  transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1);
+  animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px rgba(255, 255, 255, 0.08);
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+headerbar.selection-mode:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0;
+  color: #FFFFFF;
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):hover {
+  color: #FFFFFF;
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
+  color: #FFFFFF;
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+.tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar {
+  border-radius: 0;
+}
+
+headerbar.default-decoration {
+  min-height: 36px;
+  padding: 0;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #31313a;
+  background-image: none;
+}
+
+.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration {
+  box-shadow: none;
+}
+
+headerbar.default-decoration windowcontrols button {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 0 2px;
+  padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+headerbar separator.titlebutton {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+  border: none;
+}
+
+window.csd > .titlebar:not(headerbar) {
+  padding: 0;
+  background-color: transparent;
+  background-image: none;
+  border: none;
+  box-shadow: none;
+}
+
+.titlebar:not(headerbar) > separator {
+  background-color: #31313a;
+}
+
+window.devel headerbar.titlebar {
+  background: #34343b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(86, 87, 245, 0.1)), linear-gradient(to top, #232328 3px, #28282d);
+}
+
+window.devel headerbar.titlebar:backdrop {
+  background: #34343b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#34343b);
+  /* background-color would flash */
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+  min-height: 4px;
+  min-width: 4px;
+  padding: 16px;
+}
+
+scale > trough {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+scale > trough:disabled {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+scale > trough > slider {
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+}
+
+scale > trough > slider, scale > trough > slider:focus, scale > trough > slider:hover, scale > trough > slider:active {
+  border: none;
+  outline: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+scale > trough > highlight {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #7C4DFF;
+}
+
+scale > trough > highlight:disabled {
+  background-color: transparent;
+}
+
+scale > trough > fill {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+scale > trough > fill:disabled {
+  background-color: transparent;
+}
+
+scale > trough > slider {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: auto, 1000% 1000%;
+  border-radius: 50%;
+  color: transparent;
+}
+
+scale > trough > slider {
+  background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png"));
+}
+
+scale > trough > slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png"));
+}
+
+scale > trough > slider:hover {
+  background-color: rgba(124, 77, 255, 0.08);
+}
+
+scale > trough > slider:focus {
+  background-color: rgba(124, 77, 255, 0.12);
+}
+
+scale > trough > slider:focus:hover {
+  background-color: rgba(124, 77, 255, 0.16);
+}
+
+scale > trough > slider:active {
+  transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
+  animation: scale_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: rgba(124, 77, 255, 0.08);
+  color: rgba(124, 77, 255, 0.12);
+}
+
+scale.fine-tune slider {
+  background-size: calc(100% - 12px);
+}
+
+scale > marks label,
+scale > value {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+scale > marks {
+  color: rgba(255, 255, 255, 0.2);
+}
+
+scale > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale > marks.left {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale > marks.right {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.fine-tune marks.left {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.fine-tune marks.right {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+
+scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider {
+  transform: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png"));
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png"));
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png"));
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png"));
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png"));
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png"));
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png"));
+}
+
+scale.color {
+  min-height: 0;
+  min-width: 0;
+}
+
+scale.color.horizontal {
+  padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
+  margin-bottom: -16px;
+  margin-top: -6px;
+}
+
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -16px;
+  margin-right: -6px;
+}
+
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -16px;
+  margin-left: -6px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: smaller;
+}
+
+progressbar.horizontal > trough {
+  min-width: 150px;
+}
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress {
+  min-height: 4px;
+}
+
+progressbar.vertical > trough {
+  min-height: 80px;
+}
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress {
+  min-width: 4px;
+}
+
+progressbar > trough {
+  border-radius: 9999px;
+  background-color: rgba(93, 125, 251, 0.3);
+}
+
+progressbar > trough > progress {
+  border-radius: 9999px;
+  background-color: #5D7DFB;
+  background-image: linear-gradient(to left, #BA68C8, #7E57C2);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+progressbar.osd {
+  min-width: 3px;
+  min-height: 3px;
+  background-color: transparent;
+  padding: 0;
+  margin: 0;
+  box-shadow: none;
+}
+
+progressbar.osd > trough {
+  border-style: none;
+  border-radius: 0;
+  background-color: transparent;
+  box-shadow: none;
+}
+
+progressbar.osd > trough > progress {
+  border-style: none;
+  border-radius: 0;
+}
+
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+  min-height: 4px;
+}
+
+levelbar.horizontal.discrete block {
+  min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+
+levelbar.vertical > trough > block {
+  min-width: 4px;
+}
+
+levelbar.vertical.discrete block {
+  min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+
+levelbar > trough {
+  padding: 2px;
+  border-radius: 5px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+  background-color: #31313a;
+}
+
+levelbar > trough:disabled {
+  background-color: #3b3b43;
+}
+
+levelbar > trough > block.low {
+  background-color: #FF6D00;
+}
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) {
+  background-color: #5657f5;
+}
+
+levelbar > trough > block.full {
+  background-color: #00C853;
+}
+
+levelbar > trough > block.empty {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+  color: #FFFFFF;
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+window.dialog.print drawing paper {
+  padding: 0;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+  color: #FFFFFF;
+}
+
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame.flat,
+.frame.flat {
+  border-style: none;
+}
+
+frame.flat > border {
+  border-style: none;
+}
+
+frame {
+  border-radius: 8px;
+}
+
+frame > label {
+  margin: 4px;
+}
+
+overshoot.top {
+  background-image: radial-gradient(farthest-side at top, rgba(230, 230, 230, 0.08) 85%, rgba(230, 230, 230, 0)), radial-gradient(farthest-side at top, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0));
+  background-size: 100% 3%, 100% 50%;
+  background-repeat: no-repeat;
+  background-position: top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.bottom {
+  background-image: radial-gradient(farthest-side at bottom, rgba(230, 230, 230, 0.08) 85%, rgba(230, 230, 230, 0)), radial-gradient(farthest-side at bottom, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0));
+  background-size: 100% 3%, 100% 50%;
+  background-repeat: no-repeat;
+  background-position: bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.left {
+  background-image: radial-gradient(farthest-side at left, rgba(230, 230, 230, 0.08) 85%, rgba(230, 230, 230, 0)), radial-gradient(farthest-side at left, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0));
+  background-size: 3% 100%, 50% 100%;
+  background-repeat: no-repeat;
+  background-position: left;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+overshoot.right {
+  background-image: radial-gradient(farthest-side at right, rgba(230, 230, 230, 0.08) 85%, rgba(230, 230, 230, 0)), radial-gradient(farthest-side at right, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0));
+  background-size: 3% 100%, 50% 100%;
+  background-repeat: no-repeat;
+  background-position: right;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+separator.spacer {
+  border: none;
+  background-color: transparent;
+}
+
+
+button.font separator,
+button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+listview,
+list {
+  border-color: rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+listview > row,
+list > row {
+  padding: 3px;
+  background-clip: padding-box;
+}
+
+listview > row.expander,
+list > row.expander {
+  padding: 0px;
+}
+
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 3px;
+}
+
+listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator),
+list.horizontal row.separator,
+list.separators.horizontal > row:not(.separator) {
+  border-left: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+listview: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 rgba(255, 255, 255, 0.08);
+}
+
+columnview.view > header > button,
+treeview.view > header > button, row.activatable {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, color 0;
+  background-color: transparent;
+}
+
+columnview.view > header > button:hover,
+treeview.view > header > button:hover, row.activatable:hover {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, color 0, background-color 0;
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+columnview.view > header > button.has-open-popup,
+treeview.view > header > button.has-open-popup, columnview.view > header > button:active,
+treeview.view > header > button:active, row.activatable.has-open-popup, row.activatable:active {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, color 0;
+  background-color: rgba(255, 255, 255, 0.15);
+  background-size: 0% 0%;
+}
+
+row button.circular {
+  margin: 0 6px;
+}
+
+treeexpander {
+  border-spacing: 6px;
+}
+
+columnview > listview > row {
+  padding: 0;
+}
+
+columnview > listview > row > cell {
+  padding: 8px 6px;
+}
+
+columnview > listview > row > cell:not(:first-child) {
+  border-left: 1px solid transparent;
+}
+
+columnview.column-separators > listview > row > cell {
+  border-left-color: #474751;
+}
+
+columnview.data-table > listview > row > cell {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+columnview > header > button {
+  padding-left: 6px;
+  padding-right: 6px;
+  border-left: 1px solid transparent;
+}
+
+columnview > header > button:first-child {
+  border-left-width: 0;
+}
+
+columnview.column-separators > listview > row > cell,
+columnview.column-separators > header > button {
+  border-left-color: rgba(255, 255, 255, 0.08);
+}
+
+columnview > listview:not(.horizontal).separators > row:not(.separator) {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  border-bottom: none;
+}
+
+columnview.data-table > listview > row > cell {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+columnview ~ undershoot.top {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
+}
+
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+  outline: 2px solid rgba(255, 255, 255, 0.05);
+}
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+  outline: 2px solid #5657f5;
+}
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+  color: #FFFFFF;
+  background-color: #5657f5;
+}
+
+.rich-list {
+  /* rich lists usually containing other widgets than just labels/text */
+}
+
+.rich-list > row {
+  padding: 6px 12px;
+  min-height: 32px;
+  /* should be tall even when only containing a label */
+}
+
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/****************
+ * AdwActionRow *
+ ****************/
+row label.subtitle {
+  font-size: smaller;
+}
+
+row > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+  border-spacing: 6px;
+  min-height: 58px;
+}
+
+row > box.header > .icon:disabled {
+  filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  border-spacing: 3px;
+  padding: 0;
+}
+
+row > box.header > box.title,
+row > box.header > box.title > .title,
+row > box.header > box.title > .subtitle {
+  padding: 0;
+  font-weight: inherit;
+}
+
+row > box.header > .prefixes,
+row > box.header > .suffixes {
+  border-spacing: 6px;
+}
+
+row > box.header > .icon:dir(ltr),
+row > box.header > .prefixes:dir(ltr) {
+  margin-right: 6px;
+}
+
+row > box.header > .icon:dir(rtl),
+row > box.header > .prefixes:dir(rtl) {
+  margin-left: 6px;
+}
+
+/***************
+ * AdwComboRow *
+ ***************/
+row.combo image.dropdown-arrow:disabled {
+  filter: opacity(0.35);
+}
+
+row.combo listview.inline {
+  background: none;
+  border: none;
+  box-shadow: none;
+  color: inherit;
+}
+
+row.combo listview.inline, row.combo listview.inline:disabled {
+  background: none;
+  color: inherit;
+}
+
+row.combo popover > contents {
+  min-width: 120px;
+}
+
+/******************
+ * AdwExpanderRow *
+ ******************/
+list.content > row, list.content > row.expander row.header,
+list.boxed-list > row,
+list.boxed-list > row.expander row.header, row.expander list.nested > row {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(255, 255, 255, 0.7);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.osd list.content > row:focus:focus-visible, .osd list.content > row.expander row.header:focus:focus-visible, list.content > row.expander .osd row.header:focus:focus-visible,
+.osd list.boxed-list > row:focus:focus-visible,
+.osd list.boxed-list > row.expander row.header:focus:focus-visible,
+list.boxed-list > row.expander .osd row.header:focus:focus-visible, .osd row.expander list.nested > row:focus:focus-visible, row.expander .osd list.nested > row:focus:focus-visible {
+  outline-color: rgba(255, 255, 255, 0.15);
+}
+
+row.expander {
+  background: none;
+  padding: 0;
+}
+
+row.expander > box > list {
+  background: none;
+  color: inherit;
+}
+
+row.expander list.nested {
+  background-color: #31313a;
+  color: inherit;
+}
+
+row.expander image.expander-row-arrow {
+  transition: 200ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+row.expander image.expander-row-arrow:dir(ltr) {
+  margin-left: 6px;
+}
+
+row.expander image.expander-row-arrow:dir(rtl) {
+  margin-right: 6px;
+}
+
+row.expander:checked image.expander-row-arrow {
+  -gtk-icon-transform: rotate(0turn);
+}
+
+row.expander:not(:checked) image.expander-row-arrow:dir(ltr) {
+  -gtk-icon-transform: rotate(0.5turn);
+}
+
+row.expander:not(:checked) image.expander-row-arrow:dir(rtl) {
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+row.expander:checked image.expander-row-arrow:not(:disabled) {
+  color: #5657f5;
+}
+
+.osd row.expander:checked image.expander-row-arrow:not(:disabled) {
+  color: inherit;
+}
+
+row.expander image.expander-row-arrow:disabled {
+  filter: opacity(0.35);
+}
+
+/*****************
+ * Boxed Lists *
+ *****************/
+list.content > row.expander,
+list.boxed-list > row.expander {
+  border: none;
+}
+
+list.content > row:first-child, list.content > row:first-child.expander row.header,
+list.boxed-list > row:first-child,
+list.boxed-list > row:first-child.expander row.header {
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+}
+
+list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, list.content > row:only-child, list.content > row:only-child.expander:not(:checked), list.content > row:only-child.expander:not(:checked) row.header, list.content > row:only-child.expander:checked list.nested, list.content > row:only-child.expander:checked list.nested > row:last-child,
+list.boxed-list > row:last-child,
+list.boxed-list > row:last-child.expander:not(:checked),
+list.boxed-list > row:last-child.expander:not(:checked) row.header,
+list.boxed-list > row:last-child.expander:checked list.nested,
+list.boxed-list > row:last-child.expander:checked list.nested > row:last-child,
+list.boxed-list > row:only-child,
+list.boxed-list > row:only-child.expander:not(:checked),
+list.boxed-list > row:only-child.expander:not(:checked) row.header,
+list.boxed-list > row:only-child.expander:checked list.nested,
+list.boxed-list > row:only-child.expander:checked list.nested > row:last-child {
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
+  border-bottom-width: 0;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(255, 255, 255, 0.7);
+}
+
+expander:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+expander:checked {
+  -gtk-icon-transform: unset;
+}
+
+expander:hover, expander:active {
+  color: #FFFFFF;
+}
+
+expander:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+expander:selected {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+expander:selected:hover, expander:selected:active {
+  color: #FFFFFF;
+}
+
+expander:selected:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  color: rgba(255, 255, 255, 0.7);
+  border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+calendar > header {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+calendar > header > button {
+  border: none;
+  box-shadow: none;
+  background: none;
+  border-radius: 0;
+}
+
+calendar > header > button:backdrop {
+  background: none;
+}
+
+calendar > grid > label {
+  border-radius: 3px;
+}
+
+calendar > grid > label.today {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+calendar > grid > label.day-number {
+  padding: 4px;
+}
+
+calendar > grid > label.day-number:selected {
+  border-radius: 3px;
+}
+
+calendar > grid > label.day-number.other-month {
+  color: alpha(currentColor, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+window.dialog.message.background {
+  background-color: rgba(68, 69, 75, 0.95);
+}
+
+window.dialog.message .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: rgba(68, 69, 75, 0.95);
+  color: rgba(255, 255, 255, 0.8);
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+window.dialog.message .titlebar:backdrop {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+window.dialog.message list, window.dialog.message row, window.dialog.message .view, window.dialog.message textview.view > text {
+  color: rgba(255, 255, 255, 0.8);
+  background-color: #3d3e43;
+  border-color: rgba(255, 255, 255, 0.12);
+}
+
+window.dialog.message .linked:not(.vertical).dialog-action-area > button {
+  padding: 4px 12px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 0;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+window.dialog.message .linked:not(.vertical).dialog-action-area > button:first-child {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+
+window.dialog.message .linked:not(.vertical).dialog-action-area > button:last-child {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+
+window.dialog.message .linked:not(.vertical).dialog-action-area > button.suggested-action, window.dialog.message .linked:not(.vertical).dialog-action-area > button.suggested-action:hover {
+  color: #7C4DFF;
+}
+
+window.dialog.message .linked:not(.vertical).dialog-action-area > button.suggested-action:active, window.dialog.message .linked:not(.vertical).dialog-action-area > button.suggested-action:checked {
+  background-color: #7C4DFF;
+  color: white;
+  border-color: #7C4DFF;
+  box-shadow: none;
+}
+
+window.dialog.message .linked:not(.vertical).dialog-action-area > button.suggested-action:disabled {
+  opacity: 0.65;
+}
+
+window.dialog.message .linked:not(.vertical).dialog-action-area > button.destructive-action, window.dialog.message .linked:not(.vertical).dialog-action-area > button.destructive-action:hover {
+  color: #FF5252;
+}
+
+window.dialog.message .linked:not(.vertical).dialog-action-area > button.destructive-action:active, window.dialog.message .linked:not(.vertical).dialog-action-area > button.destructive-action:checked {
+  background-color: #FF5252;
+  color: white;
+  border-color: #FF5252;
+  box-shadow: none;
+}
+
+window.dialog.message .linked:not(.vertical).dialog-action-area > button.destructive-action:disabled {
+  opacity: 0.65;
+}
+
+window.dialog.message.csd {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+window.dialog.message.csd.background {
+  border-bottom-left-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+window.dialog.message.csd .linked:not(.vertical).dialog-action-area > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 0;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+window.dialog.message.csd .linked:not(.vertical).dialog-action-area > button:first-child {
+  border-bottom-left-radius: 7px;
+  border-top-left-radius: 0;
+}
+
+window.dialog.message.csd .linked:not(.vertical).dialog-action-area > button:last-child {
+  border-bottom-right-radius: 7px;
+  border-top-right-radius: 0;
+}
+
+window.dialog.message entry {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+window.dialog.message expander title > arrow {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+window.dialog.message expander title > arrow:hover, window.dialog.message expander title > arrow:active {
+  color: #FFFFFF;
+}
+
+window.dialog.message expander title > arrow:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: #34343b;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+  background-color: #3c3c46;
+}
+
+.sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
+  border-right: 1px solid #474751;
+  border-left-style: none;
+}
+
+.sidebar:dir(rtl), .sidebar.right {
+  border-left: 1px solid #474751;
+  border-right-style: none;
+}
+
+.sidebar listview.view,
+.sidebar list {
+  background-color: transparent;
+}
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
+  border-style: none;
+}
+
+separator.sidebar:dir(ltr), separator.sidebar.left, separator.sidebar.left:dir(rtl),
+leaflet .sidebar:dir(ltr),
+leaflet .sidebar.left,
+leaflet .sidebar.left:dir(rtl),
+flap .sidebar:dir(ltr),
+flap .sidebar.left,
+flap .sidebar.left:dir(rtl) {
+  border-right: none;
+}
+
+separator.sidebar:dir(rtl), separator.sidebar.right,
+leaflet .sidebar:dir(rtl),
+leaflet .sidebar.right,
+flap .sidebar:dir(rtl),
+flap .sidebar.right {
+  border-left: none;
+}
+
+separator.sidebar {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+stacksidebar list.separators:not(.horizontal) > row:not(.separator) {
+  border-bottom: none;
+}
+
+stacksidebar row {
+  padding: 10px 4px;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.navigation-sidebar {
+  padding: 6px;
+}
+
+.navigation-sidebar > separator {
+  margin: 6px;
+}
+
+.navigation-sidebar > row {
+  min-height: 28px;
+  padding: 3px 6px;
+  border-radius: 7px;
+  margin: 0;
+}
+
+.navigation-sidebar > row + row {
+  margin-top: 3px;
+}
+
+.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within {
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.06);
+}
+
+.navigation-sidebar > row:selected {
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+.navigation-sidebar > row:selected label {
+  color: #FFFFFF;
+}
+
+.navigation-sidebar > row:selected:hover {
+  background-color: rgba(255, 255, 255, 0.12);
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within {
+  outline-width: 0;
+  color: #FFFFFF;
+  background-color: #5657f5;
+}
+
+.navigation-sidebar > row:selected:focus-visible:focus-within:hover {
+  background-color: #8687f8;
+}
+
+.navigation-sidebar > row:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+/****************
+ * File chooser *
+ ****************/
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button {
+  color: rgba(86, 87, 245, 0.75);
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:hover,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:hover, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:active,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:active {
+  color: #5657f5;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:disabled,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:disabled {
+  color: rgba(86, 87, 245, 0.35);
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:checked,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:checked {
+  background-color: rgba(86, 87, 245, 0.1);
+  color: #5657f5;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:checked:disabled,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected button.sidebar-button:checked:disabled {
+  background-color: rgba(86, 87, 245, 0.05);
+  color: rgba(86, 87, 245, 0.55);
+}
+
+row image.sidebar-icon {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+row:selected image.sidebar-icon {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar .navigation-sidebar > row {
+  min-height: 32px;
+  padding: 0;
+  margin: 0;
+  border-radius: 0 7px 7px 0;
+}
+
+placessidebar .navigation-sidebar > row > revealer {
+  padding: 0 12px;
+}
+
+placessidebar .navigation-sidebar > row:selected {
+  background-color: rgba(255, 255, 255, 0.06);
+  color: #5657f5;
+}
+
+placessidebar .navigation-sidebar > row:selected image.sidebar-icon, placessidebar .navigation-sidebar > row:selected label.sidebar-label {
+  color: #9e9ff9;
+}
+
+placessidebar .navigation-sidebar > row:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row {
+  min-height: 2px;
+  padding: 0 8px;
+  background-image: image(#7C4DFF);
+  background-clip: content-box;
+}
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row, placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #7C4DFF;
+}
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) {
+  box-shadow: inset 0 0 0 2px #7C4DFF;
+}
+
+placesview .server-list-button > image {
+  -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+placesview > actionbar > revealer > box > label {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border-style: none;
+  background-color: transparent;
+  background-image: image(rgba(255, 255, 255, 0.08));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #34343b;
+  background-image: image(rgba(255, 255, 255, 0.08)), image(rgba(255, 255, 255, 0.08));
+  background-size: 1px 1px, 1px 1px;
+}
+
+paned.horizontal > separator {
+  background-repeat: repeat-y;
+}
+
+paned.horizontal > separator:dir(ltr) {
+  margin: 0 -8px 0 0;
+  padding: 0 8px 0 0;
+  background-position: left;
+}
+
+paned.horizontal > separator:dir(rtl) {
+  margin: 0 0 0 -8px;
+  padding: 0 0 0 8px;
+  background-position: right;
+}
+
+paned.horizontal > separator.wide {
+  margin: 0;
+  padding: 0;
+  background-repeat: repeat-y, repeat-y;
+  background-position: left, right;
+}
+
+paned.vertical > separator {
+  margin: 0 0 -8px 0;
+  padding: 0 0 8px 0;
+  background-repeat: repeat-x;
+  background-position: top;
+}
+
+paned.vertical > separator.wide {
+  margin: 0;
+  padding: 0;
+  background-repeat: repeat-x, repeat-x;
+  background-position: bottom, top;
+}
+
+video {
+  background: black;
+}
+
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 9999px;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+  border-style: none;
+}
+
+infobar.info {
+  background-color: #66BB6A;
+}
+
+infobar.question {
+  background-color: #42A5F5;
+}
+
+infobar.warning {
+  background-color: #FFA726;
+}
+
+infobar.error {
+  background-color: #EF5350;
+}
+
+infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
+  color: #FFFFFF;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  padding: 6px;
+  border-radius: 8px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
+}
+
+tooltip.background {
+  border-radius: 8px;
+  background-color: rgba(0, 0, 0, 0.75);
+  color: white;
+  border: none;
+}
+
+tooltip label {
+  min-height: 20px;
+  padding: 0 3px;
+}
+
+tooltip > box {
+  border-spacing: 6px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 5.5px;
+  border-top-right-radius: 5.5px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 5.5px;
+  border-bottom-right-radius: 5.5px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+  border-top-left-radius: 5.5px;
+  border-bottom-left-radius: 5.5px;
+}
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 5px;
+  border-bottom-left-radius: 5px;
+}
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 5.5px;
+  border-bottom-right-radius: 5.5px;
+}
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+
+colorswatch.dark {
+  color: #FFFFFF;
+}
+
+colorswatch.light {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch:drop(active) {
+  box-shadow: none;
+}
+
+colorswatch:drop(active).light overlay {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px #7C4DFF;
+}
+
+colorswatch:drop(active).dark overlay {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px #7C4DFF;
+}
+
+colorswatch overlay {
+  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+colorswatch#add-color-button {
+  border-radius: 5px 5px 0 0;
+  color: #FFFFFF;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 5px;
+}
+
+colorswatch#add-color-button overlay {
+  background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 5.5px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 5px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 7px;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #31313a;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #34343b;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+window {
+  border: none;
+}
+
+window.csd {
+  border-radius: 13px;
+  box-shadow: 0 10px 16px rgba(0, 0, 0, 0.25), 0 6px 10px rgba(0, 0, 0, 0.16), 0 0 36px transparent;
+  margin: 0;
+  outline: none;
+  transition: none;
+}
+
+window.csd:backdrop {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06), 0 0 36px transparent;
+  transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left {
+  border-radius: 0;
+}
+
+window.csd.maximized, window.csd.fullscreen {
+  box-shadow: none;
+}
+
+window.solid-csd {
+  margin: 0;
+  border: none;
+  border-radius: 0;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #31313a;
+}
+
+window.ssd {
+  box-shadow: none;
+}
+
+/*****************
+ * Title buttons *
+ *****************/
+headerbar windowcontrols {
+  border-spacing: 6px;
+}
+
+headerbar windowcontrols:not(.empty).start:dir(ltr), headerbar windowcontrols:not(.empty).end:dir(rtl) {
+  padding: 0 12px;
+  margin-right: 6px;
+}
+
+headerbar windowcontrols:not(.empty).start:dir(rtl), headerbar windowcontrols:not(.empty).end:dir(ltr) {
+  padding: 0 12px;
+  margin-left: 6px;
+}
+
+headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action) > image {
+  padding: 0;
+  border: none;
+  outline: none;
+  box-shadow: none;
+  background: none;
+}
+
+headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize {
+  min-width: 12px;
+  min-height: 12px;
+  padding: 0;
+  margin: 0 2px;
+  color: transparent;
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:hover, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:backdrop:hover, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:hover, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:backdrop:hover, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:hover, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:backdrop:hover {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:checked, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:backdrop:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:backdrop:checked, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:checked, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:backdrop:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:backdrop:checked, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:checked, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:backdrop:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:backdrop:checked {
+  color: #FFFFFF;
+}
+
+headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:backdrop, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).maximize:backdrop, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).minimize:backdrop {
+  color: transparent;
+  background-color: rgba(255, 255, 255, 0.12);
+}
+
+headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close {
+  transition: background-size 0, background-image 0, box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:hover {
+  padding: 2px;
+  margin: -2px 0;
+  background-color: #EF5350;
+  color: rgba(255, 255, 255, 0.7);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:active, headerbar windowcontrols > button:not(.suggested-action):not(.destructive-action).close:checked {
+  padding: 2px;
+  margin: -2px 0;
+  background-color: #7C4DFF;
+  color: #FFFFFF;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover, .view selection, .view:selected, iconview selection, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, spinbutton > text > selection, spinbutton:not(.vertical) > text > selection, row:selected, calendar > grid > label.today:selected, calendar > grid > label.day-number:selected {
+  background-color: #5657f5;
+}
+
+emoji-completion-row:focus,
+emoji-completion-row:hover, .view selection, .view:selected, iconview selection, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, entry > text > selection, spinbutton > text > selection, spinbutton:not(.vertical) > text > selection, row:selected, calendar > grid > label.today:selected, calendar > grid > label.day-number:selected {
+  color: #FFFFFF;
+}
+
+emoji-completion-row:disabled:focus,
+emoji-completion-row:disabled:hover, .view selection:disabled, .view:disabled:selected, iconview selection:disabled, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, entry > text > selection:disabled, spinbutton > text > selection:disabled, row:disabled:selected, calendar > grid > label.today:disabled:selected, calendar > grid > label.day-number:disabled:selected {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  border-radius: 9999px;
+  background-color: #7C4DFF;
+  background-image: none;
+}
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
+  padding-left: 6px;
+  border-top-right-radius: 0;
+}
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
+  padding-right: 6px;
+  border-top-left-radius: 0;
+}
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+  -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+.context-menu {
+  font: initial;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(255, 255, 255, 0.08);
+  border-radius: 5px;
+  box-shadow: inset 0 -2px rgba(255, 255, 255, 0.08);
+  background-color: #31313a;
+  color: #FFFFFF;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  transition: all 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 0 0 2px #7C4DFF;
+  caret-color: #7C4DFF;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 36px;
+  min-height: 36px;
+  padding: 0;
+}
+
+.lowres-icon {
+  -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+.icon-dropshadow {
+  -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker > contents {
+  padding: 0;
+}
+
+.emoji-searchbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.emoji-toolbar {
+  padding: 6px;
+  border-spacing: 6px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+button.emoji-section {
+  margin-top: -1px;
+  padding: 0 8px;
+  min-width: 24px;
+  min-height: 36px;
+  border-radius: 0;
+  box-shadow: none;
+}
+
+button.emoji-section:hover {
+  box-shadow: inset 0 2px rgba(255, 255, 255, 0.2);
+}
+
+button.emoji-section:active {
+  box-shadow: inset 0 2px #5657f5;
+}
+
+button.emoji-section:checked {
+  box-shadow: inset 0 2px #5657f5;
+  background-color: transparent;
+}
+
+button.emoji-section:first-child {
+  margin-left: 4px;
+}
+
+button.emoji-section:last-child {
+  margin-right: 4px;
+}
+
+popover.emoji-picker emoji {
+  font-size: x-large;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover {
+  background: #5657f5;
+}
+
+emoji-completion-row > box {
+  border-spacing: 6px;
+  padding: 2px 6px;
+}
+
+emoji-completion-row emoji:focus,
+emoji-completion-row emoji:hover {
+  background: none;
+  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.05);
+  border-radius: 3px;
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+
+statusbar {
+  padding: 6px 10px;
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd:not(.view), .nautilus-window.background.csd .sidebar-pane {
+  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
+  background-size: 48px auto;
+  background-position: left bottom;
+  background-repeat: no-repeat;
+  background-color: rgba(49, 49, 58, 0.97);
+}
+
+.nautilus-window.background.csd:not(.view) headerbar, .nautilus-window.background.csd .sidebar-pane headerbar {
+  background-color: transparent;
+  background-image: -gtk-scaled(url("assets/header-icon.png"), url("assets/header-icon@2.png"));
+  background-size: 48px auto;
+  background-position: left bottom;
+  background-repeat: no-repeat;
+  padding-left: 54px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  border: none;
+}
+
+.nautilus-window.background.csd .background .top-bar headerbar {
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd .background list.navigation-sidebar {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd .background list.navigation-sidebar > row {
+  border-radius: 0;
+}
+
+.nautilus-window.background.csd .nautilus-grid-view, .nautilus-window.background.csd .nautilus-grid-view gridview.view {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd .nautilus-grid-view gridview.view {
+  padding: 3px 0;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+  margin: 0 6px 6px 0;
+}
+
+.nautilus-window.background.csd .nautilus-list-view, .nautilus-window.background.csd .nautilus-list-view .view {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd placesview label {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd placesview label:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.nautilus-window.background.csd placesview list, .nautilus-window.background.csd placesview actionbar, .nautilus-window.background.csd placesview actionbar > revealer > box {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar {
+  background: none;
+  margin-right: 6px;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar {
+  background-color: transparent;
+  padding: 0;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row {
+  padding-left: 6px;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row .sidebar-revealer,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row .sidebar-revealer {
+  padding: 0 0 0 12px;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:hover, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:active, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected:hover, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected:active, .nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:focus,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:hover,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:active,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected:hover,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected:active,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:focus {
+  transition: none;
+  animation: none;
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row image.sidebar-icon,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row image.sidebar-icon {
+  color: rgba(255, 255, 255, 0.7);
+  margin-right: 6px;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row label.sidebar-label,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row label.sidebar-label {
+  padding-left: 18px;
+  color: rgba(255, 255, 255, 0.7);
+  border-radius: 0 7px 7px 0;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:hover label.sidebar-label,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:hover label.sidebar-label {
+  background-color: rgba(255, 255, 255, 0.03);
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:backdrop,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:backdrop {
+  opacity: 0.85;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected label.sidebar-label,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected label.sidebar-label {
+  color: #9e9ff9;
+  background-color: rgba(255, 255, 255, 0.06);
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar list.navigation-sidebar > row:selected image.sidebar-icon,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar list.navigation-sidebar > row:selected image.sidebar-icon {
+  color: #FFFFFF;
+}
+
+.nautilus-window.background.csd flap.unfolded > placessidebar separator,
+.nautilus-window.background.csd .sidebar-pane > toolbarview > placessidebar separator {
+  background-color: transparent;
+}
+
+.nautilus-window.background.csd #NautilusPathBar {
+  border-radius: 9999px;
+  margin: 6px 0;
+  padding: 0;
+  background-image: linear-gradient(to bottom, #6C6AF2, #4648FB);
+  background-size: auto auto;
+  background-position: center center;
+  background-repeat: no-repeat;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window.background.csd #NautilusPathBar .dim-label, .nautilus-window.background.csd #NautilusPathBar label.separator, .nautilus-window.background.csd #NautilusPathBar entry > text > placeholder, .nautilus-window.background.csd #NautilusPathBar spinbutton:not(.vertical) > text > placeholder, .nautilus-window.background.csd #NautilusPathBar headerbar .subtitle, headerbar .nautilus-window.background.csd #NautilusPathBar .subtitle, .nautilus-window.background.csd #NautilusPathBar row label.subtitle, row .nautilus-window.background.csd #NautilusPathBar label.subtitle, .nautilus-window.background.csd #NautilusPathBar row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) .nautilus-window.background.csd #NautilusPathBar image.expander-row-arrow {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action) {
+  margin: 0;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):hover {
+  background-color: rgba(255, 255, 255, 0.12);
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):active, .nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):checked {
+  background-color: rgba(255, 255, 255, 0.3);
+  box-shadow: none;
+  background-image: none;
+}
+
+.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):hover, .nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):active, .nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action):checked {
+  color: #FFFFFF;
+}
+
+.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action).current-dir {
+  color: #FFFFFF;
+}
+
+.nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .nautilus-window.background.csd #NautilusPathBar button:not(.suggested-action):not(.destructive-action).current-dir:active {
+  background: none;
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd #NautilusPathBar > menubutton {
+  margin: 0;
+}
+
+.nautilus-window.background.csd #NautilusPathBar > menubutton > button {
+  border-radius: 9999px;
+  margin: 0;
+}
+
+.nautilus-window.background.csd #NautilusPathBar > menubutton > button:checked {
+  background-color: rgba(255, 255, 255, 0.3);
+  box-shadow: none;
+  background-image: none;
+}
+
+.nautilus-window.background.csd #NautilusViewCell clamp box {
+  margin: 0;
+  border-spacing: 0;
+}
+
+.nautilus-window.background.csd #NautilusQueryEditor {
+  border-radius: 9999px;
+  color: rgba(255, 255, 255, 0.7);
+  padding: 0 4px 0 8px;
+}
+
+.nautilus-window.background.csd #NautilusQueryEditor:focus-within {
+  color: #FFFFFF;
+}
+
+.nautilus-window.background.csd #NautilusQueryEditor:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.nautilus-window.background.csd #NautilusQueryEditor > menubutton > button.image-button {
+  min-width: 28px;
+  min-height: 28px;
+  margin: 4px 0;
+  padding: 0;
+}
+
+.nautilus-window.background.csd #NautilusQueryEditor > text {
+  margin: 0;
+}
+
+.nautilus-window.background.csd #NautilusQueryEditorTag {
+  border-radius: 9999px;
+}
+
+.nautilus-window.background.csd #NautilusQueryEditorTag > button {
+  margin: 3px;
+  padding: 0;
+  min-height: 22px;
+  min-width: 22px;
+}
+
+.nautilus-window.background.csd label.search-information {
+  margin: 2px;
+  border-radius: 3px;
+}
+
+.nautilus-window.background.csd flap > separator {
+  min-width: 20px;
+  color: transparent;
+  background-image: url("assets/scalable/side-paned.svg");
+  background-size: 20px 750px;
+  background-position: left center;
+  background-repeat: no-repeat;
+  background-color: transparent;
+  border: none;
+}
+
+.nautilus-window.background.csd .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  margin: 0;
+  border-style: solid solid none;
+  border-width: 1px;
+  border-color: rgba(255, 255, 255, 0.08);
+  border-radius: 13px 13px 0 0;
+  color: #FFFFFF;
+  background-color: #31313a;
+  background-clip: border-box;
+  transition: all 225ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
+  box-shadow: none;
+}
+
+.nautilus-window.background.csd .floating-bar.bottom.left {
+  margin-right: 7px;
+  border-left-style: none;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 13px;
+}
+
+.nautilus-window.background.csd .floating-bar.bottom.right {
+  margin-left: 7px;
+  border-right-style: none;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 13px;
+}
+
+.nautilus-window.background.csd .floating-bar button {
+  margin: 4px;
+}
+
+.nautilus-window.background.csd.maximized .floating-bar {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.details-page {
+  margin: 24px 0px;
+}
+
+.installed-overlay-box {
+  font-size: smaller;
+  background-color: #5657f5;
+  border-radius: 0;
+  color: #FFFFFF;
+  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
+}
+
+screenshot-carousel box.frame {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+screenshot-carousel button,
+.featured-carousel button {
+  margin: 12px;
+}
+
+.screenshot-image-main .image1,
+.screenshot-image-main .image2 {
+  margin-top: 6px;
+  margin-bottom: 12px;
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+.app-tile-label {
+  font-size: 105%;
+}
+
+.review-textbox {
+  padding: 6px;
+}
+
+.origin-rounded-box {
+  background-color: rgba(255, 255, 255, 0.08);
+  border-radius: 9999px;
+  padding: 4px;
+}
+
+.origin-beta {
+  color: #FF6D00;
+}
+
+.origin-button > button {
+  padding: 3px 9px;
+}
+
+flowboxchild.card {
+  border: none;
+  box-shadow: none;
+  padding: 0;
+  background: none;
+}
+
+button.card.category-tile {
+  padding: 21px;
+  border: none;
+  border-radius: 7px;
+  min-width: 140px;
+  font-weight: 900;
+  font-size: larger;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+}
+
+button.card.category-tile.category-tile-iconless {
+  padding: 9px 15px;
+  min-width: 130px;
+  font-size: 105%;
+  font-weight: normal;
+  box-shadow: none;
+}
+
+button.card.category-tile.category-create {
+  background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+  color: white;
+}
+
+button.card.category-tile.category-create:hover {
+  background: linear-gradient(180deg, shade(#ce8cd7, 1.07) 0%, shade(#2861c6, 1.1) 100%);
+  color: white;
+}
+
+button.card.category-tile.category-create:active {
+  background: linear-gradient(180deg, shade(#ce8cd7, 0.95) 0%, shade(#2861c6, 0.95) 100%);
+  color: white;
+}
+
+button.card.category-tile.category-develop {
+  background: #5e5c64;
+  color: white;
+}
+
+button.card.category-tile.category-develop:hover {
+  background: shade(#5e5c64, 1.2);
+  color: white;
+}
+
+button.card.category-tile.category-develop:active {
+  background-color: shade(#5e5c64, 0.95);
+  color: white;
+}
+
+button.card.category-tile.category-learn {
+  background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+  color: white;
+}
+
+button.card.category-tile.category-learn:hover {
+  background: linear-gradient(180deg, shade(#2ec27e, 1.06) 30%, shade(#27a66c, 1.06) 100%);
+  color: white;
+}
+
+button.card.category-tile.category-learn:active {
+  background: linear-gradient(180deg, shade(#2ec27e, 0.95) 30%, shade(#27a66c, 0.95) 100%);
+  color: white;
+}
+
+button.card.category-tile.category-play {
+  background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+  color: #393484;
+}
+
+button.card.category-tile.category-play:hover {
+  background: linear-gradient(75deg, shade(#f9e2a7, 1.07) 0%, shade(#eb5ec3, 1.07) 50%, shade(#6d53e0, 1.07) 100%);
+  color: #393484;
+}
+
+button.card.category-tile.category-play:active {
+  background: linear-gradient(75deg, shade(#f9e2a7, 0.97) 0%, shade(#eb5ec3, 0.95) 50%, shade(#6d53e0, 1.07) 100%);
+  color: #393484;
+}
+
+button.card.category-tile.category-socialize {
+  background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+  color: rgba(255, 255, 255, 0.7);
+}
+
+button.card.category-tile.category-socialize:hover {
+  background: linear-gradient(90deg, shade(#ef4e9b, 1.08) 0%, shade(#f77466, 1.08) 100%);
+}
+
+button.card.category-tile.category-socialize:active {
+  background: linear-gradient(90deg, shade(#ef4e9b, 0.95) 0%, shade(#f77466, 0.95) 100%);
+}
+
+button.card.category-tile.category-work {
+  padding: 1px;
+  /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+  color: #1c71d8;
+  background-color: #fdf8d7;
+  background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
+  background-size: 10px 10px, 10px 10px;
+  background-position: -1px -4px, center -1px;
+}
+
+button.card.category-tile.category-work:hover {
+  color: #1c71d8;
+  background-color: #fefcef;
+  background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
+}
+
+button.card.category-tile.category-work:active {
+  color: #1c71d8;
+  background-color: #fcf4bf;
+  background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
+}
+
+clamp.medium .category-tile:not(.category-tile-iconless),
+clamp.large .category-tile:not(.category-tile-iconless) {
+  font-size: larger;
+}
+
+.featured-tile {
+  padding: 0;
+  box-shadow: none;
+  color: #FFFFFF;
+}
+
+.featured-tile label.title-1 {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+.featured-tile.narrow label.title-1 {
+  font-size: 16pt;
+}
+
+.application-details-infobar, .application-details-infobar.info {
+  background-color: rgba(255, 255, 255, 0.05);
+  color: #FFFFFF;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.application-details-infobar.warning {
+  background-color: #FF6D00;
+  color: #FFFFFF;
+  border: 1px solid rgba(255, 255, 255, 0.12);
+}
+
+@keyframes install-progress-unknown-move {
+  0% {
+    background-position: 0%;
+  }
+  50% {
+    background-position: 100%;
+  }
+  100% {
+    background-position: 0%;
+  }
+}
+
+.application-details-description .button {
+  padding-left: 24px;
+  padding-right: 24px;
+}
+
+.install-progress {
+  background-image: linear-gradient(to top, #5657f5 2px, alpha(#5657f5, 0) 2px);
+  background-repeat: no-repeat;
+  background-position: 0 bottom;
+  background-size: 0;
+  transition: none;
+}
+
+.install-progress:dir(rtl) {
+  background-position: 100% bottom;
+}
+
+.review-row > * {
+  margin: 12px;
+}
+
+.review-row button {
+  font-size: smaller;
+}
+
+.review-row .vote-buttons button {
+  margin-right: -1px;
+}
+
+.review-row .vote-buttons button:not(:first-child) {
+  border-image: linear-gradient(to top, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08)) 0 0 0 1/5px 0 5px 1px;
+}
+
+.review-row .vote-buttons button:hover,
+.review-row .vote-buttons button:active,
+.review-row .vote-buttons button:hover + button,
+.review-row .vote-buttons button:active + button {
+  border-image: none;
+}
+
+review-bar {
+  color: rgba(255, 255, 255, 0.5);
+  background-image: none;
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.review-histogram star-image {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.version-arrow-label {
+  font-size: x-small;
+}
+
+.overview-more-button {
+  font-size: smaller;
+  padding: 0 16px;
+}
+
+.app-row-origin-text {
+  font-size: smaller;
+}
+
+.app-listbox-header {
+  padding: 6px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.image-list {
+  background-color: transparent;
+}
+
+box.star {
+  background-color: transparent;
+  background-image: none;
+}
+
+button.star {
+  outline-offset: 0;
+  background-color: transparent;
+  background-image: none;
+  border-image: none;
+  border-radius: 0;
+  border-width: 0;
+  padding: 0;
+  box-shadow: none;
+  outline-offset: -1px;
+}
+
+star-image {
+  color: #FBC02D;
+}
+
+.dimmer-label {
+  opacity: 0.25;
+}
+
+.update-failed-details {
+  font-family: Monospace;
+  font-size: smaller;
+  padding: 16px;
+}
+
+.upgrade-banner {
+  padding: 0px;
+  border-radius: 7px;
+  border: none;
+}
+
+.upgrade-banner-background {
+  background: linear-gradient(to bottom, #4CAF50, #2196F3);
+  color: white;
+}
+
+.upgrade-buttons #button_upgrades_install {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+banner > revealer > widget {
+  background-color: #5657f5;
+  padding: 6px;
+}
+
+scrolledwindow.list-page > viewport > clamp > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+.update-preferences preferencesgroup > box > box {
+  margin-top: 18px;
+}
+
+.section > label:not(:first-child) {
+  margin-top: 6px;
+}
+
+.section > box:not(:first-child) {
+  margin-top: 12px;
+}
+
+clamp.status-page {
+  margin: 36px 12px;
+}
+
+clamp.status-page .iconbox {
+  min-height: 128px;
+  min-width: 128px;
+}
+
+clamp.status-page .icon {
+  color: rgba(255, 255, 255, 0.5);
+  min-height: 32px;
+  min-width: 32px;
+}
+
+clamp.status-page .icon:not(:last-child) {
+  margin-bottom: 36px;
+}
+
+clamp.status-page .title:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+app-context-bar .context-tile {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  background-color: transparent;
+  border-radius: 0;
+  padding: 24px 12px 21px 12px;
+  outline-offset: 5px;
+  border-bottom: none;
+  border-right: none;
+}
+
+app-context-bar .context-tile:focus:focus-visible {
+  outline-offset: -1px;
+}
+
+app-context-bar.horizontal box:first-child .context-tile:first-child, app-context-bar.vertical .context-tile:first-child {
+  border-left: none;
+}
+
+app-context-bar.horizontal .context-tile, app-context-bar.vertical box:first-child .context-tile {
+  border-top: none;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+  border-radius: 0 7px 7px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+  border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+  border-radius: 7px 0 0 7px;
+}
+
+app-context-bar > box > button.flat {
+  border-left-color: rgba(255, 255, 255, 0.08);
+}
+
+carousel.card {
+  border: none;
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.context-tile-lozenge {
+  min-height: 28px;
+  min-width: 28px;
+  padding: 6px;
+  font-size: 18px;
+  font-weight: bold;
+  border-radius: 9999px;
+}
+
+.context-tile-lozenge.large {
+  font-size: 24px;
+  padding: 16px;
+  min-width: 24px;
+  /* 60px minus the left and right padding */
+  min-height: 24px;
+  /* 60px minus the top and bottom padding */
+}
+
+.context-tile-lozenge.wide-image image {
+  margin-top: -28px;
+  margin-bottom: -28px;
+}
+
+.context-tile-lozenge image {
+  -gtk-icon-style: symbolic;
+}
+
+.context-tile-lozenge.grey {
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 {
+  color: #007c33;
+  background-color: rgba(0, 200, 83, 0.15);
+}
+
+.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 {
+  color: #2196F3;
+  background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 {
+  color: #b34c00;
+  background-color: rgba(255, 109, 0, 0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+  color: #FF9800;
+  background-color: rgba(255, 152, 0, 0.15);
+}
+
+.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 {
+  color: #911d00;
+  background-color: rgba(221, 44, 0, 0.15);
+}
+
+.eol-red {
+  font-weight: bold;
+  color: #DD2C00;
+}
+
+window.narrow .app-title {
+  font-size: 16pt;
+}
+
+window.narrow .app-developer {
+  font-size: small;
+}
+
+.install-progress-label {
+  font-size: smaller;
+  font-feature-settings: "tnum";
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box {
+  margin: 36px 12px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp:not(:last-child) > box {
+  margin-bottom: 36px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .icon:not(:last-child) {
+  margin-bottom: 36px;
+}
+
+scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .title:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+statuspage.icon-dropshadow image.icon {
+  -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+window.info scrollbar.vertical {
+  margin-top: 48px;
+  background: none;
+  box-shadow: none;
+}
+
+window.info scrollbar.vertical trough {
+  margin-top: 0;
+}
+
+row.app > box.header {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+row.app > box.header {
+  border-spacing: 12px;
+}
+
+row.app > box.header > image {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+row.app label.warning {
+  color: #DD2C00;
+}
+
+@keyframes pre-delay {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes fade-in {
+  from {
+    filter: opacity(0%);
+  }
+}
+
+/* Give a fade-in animation to spinners. */
+spinner.fade-in:checked {
+  animation: pre-delay 0.5s linear 1, fade-in 1s linear 1, spin 1s linear infinite;
+  animation-delay: 0s, 0.5s, 0.5s;
+}
+
+window > contents leaflet {
+  background-color: transparent;
+}
+
+window > contents leaflet stack.background {
+  background-color: transparent;
+}
+
+window > contents leaflet.unfolded stack.background leaflet box.vertical:last-child > headerbar,
+window > contents leaflet.unfolded stack.background leaflet + headerbar {
+  border-top-left-radius: 0;
+}
+
+window > contents leaflet.unfolded > separator + box.vertical > headerbar {
+  border-top-right-radius: 0;
+  border-top-left-radius: 13px;
+}
+
+window > contents leaflet > box > scrolledwindow > viewport > widget > stack {
+  background-color: #31313a;
+}
+
+window > widget leaflet {
+  background-color: transparent;
+}
+
+window > widget leaflet stack.background {
+  background-color: transparent;
+}
+
+window > widget leaflet.unfolded stack.background > widget > overlay > leaflet > box > headerbar,
+window > widget leaflet.unfolded stack.background > widget > box > widget > headerbar,
+window > widget leaflet.unfolded > box:not(:last-child) headerbar {
+  border-top-left-radius: 0;
+}
+
+window > widget leaflet.unfolded > separator + box > headerbar {
+  border-top-right-radius: 0;
+}
+
+window > widget leaflet > box > scrolledwindow > viewport > widget > stack {
+  background-color: #31313a;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+  background: none;
+}
+
+window > contents leaflet.unfolded > box.vertical > headerbar {
+  border-top-left-radius: 0;
+}
+
+datechooser {
+  padding: 6px;
+}
+
+datechooser button, datechooser button.flat, datechooser button.toggle, datechooser button.text-button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+datechooser button.day.text-button:selected {
+  box-shadow: none;
+  background-color: #5657f5;
+  color: #FFFFFF;
+}
+
+label.primary-label, label.month-name, label.secondary-label {
+  font-size: 16pt;
+  font-weight: bold;
+  padding: 12px;
+}
+
+label.primary-label, label.month-name {
+  color: #5657f5;
+}
+
+label.secondary-label {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+calendar-view {
+  font-size: 10pt;
+}
+
+calendar-view:selected {
+  color: #5657f5;
+  font-weight: bold;
+}
+
+calendar-view.header,
+label.header {
+  font-size: 10pt;
+  font-weight: bold;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+calendar-view.current,
+weekgrid.current {
+  background-color: alpha(#5657f5, 0.3);
+}
+
+popover.events {
+  background-color: #3c3c46;
+  padding: 0;
+}
+
+popover.events box {
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+popover.events list {
+  background-color: #31313a;
+  border-radius: 7px;
+}
+
+popover.events scrolledwindow {
+  border-width: 0;
+}
+
+popover.events button {
+  border-radius: 7px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-style: solid none none;
+  box-shadow: none;
+}
+
+event {
+  margin: 1px;
+  font-size: 0.9rem;
+}
+
+event widget.content {
+  margin: 4px;
+}
+
+event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) {
+  border-radius: 7px;
+}
+
+event.timed widget.edge {
+  border-radius: 3.5px;
+  min-width: 5px;
+}
+
+event.slanted-start, event.slanted-end:dir(rtl) {
+  padding-left: 16px;
+  border-radius: 0 3.5px 3.5px 0;
+}
+
+event.slanted-end, event.slanted-start:dir(rtl) {
+  padding-right: 16px;
+  border-radius: 3.5px 0 0 3.5px;
+}
+
+event:not(.timed).color-dark {
+  color: white;
+  outline-color: rgba(0, 0, 0, 0.3);
+}
+
+event.timed, event:not(.timed).color-light {
+  color: alpha(black, 0.75);
+  outline-color: rgba(255, 255, 255, 0.5);
+}
+
+popover.event-popover,
+popover.event-popover > contents {
+  padding: 0;
+}
+
+.search-viewport {
+  background-color: #31313a;
+}
+
+.calendar-list {
+  background-color: transparent;
+}
+
+.calendar-list > list {
+  border-radius: 4px;
+}
+
+.calendar-color-image {
+  -gtk-icon-filter: none;
+}
+
+image.calendar-color-image,
+button:active:not(:backdrop) .calendar-color-image,
+button:checked:not(:backdrop) .calendar-color-image,
+.calendars-list .calendar-color-image:not(:backdrop):not(:disabled),
+.calendar-list .calendar-color-image:not(:backdrop):not(:disabled),
+.sources-button:not(:backdrop):not(:disabled) .calendar-color-image {
+  -gtk-icon-shadow: 0 1px alpha(black, 0.1);
+}
+
+datechooser navigator {
+  margin-right: 6px;
+  margin-left: 6px;
+  margin-bottom: 6px;
+}
+
+datechooser navigator label {
+  font-weight: bold;
+}
+
+datechooser navigator button, datechooser navigator button.popup, datechooser navigator button.image-button {
+  min-height: 36px;
+  min-width: 36px;
+  padding: 0;
+}
+
+datechooser .weeknum, datechooser .weekday {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: smaller;
+}
+
+datechooser button.day, datechooser button.day.text-button {
+  font-size: 10pt;
+  font-weight: normal;
+  margin: 3px;
+  padding: 0;
+  min-height: 36px;
+  min-width: 36px;
+  transition: none;
+}
+
+datechooser button.day dot, datechooser button.day.text-button dot {
+  background-color: #FFFFFF;
+  border-radius: 50%;
+  min-height: 3px;
+  min-width: 3px;
+}
+
+datechooser button.day:selected, datechooser button.day.today:selected, datechooser button.day.text-button:selected, datechooser button.day.text-button.today:selected {
+  background-color: #5657f5;
+  color: #FFFFFF;
+  font-weight: bold;
+}
+
+datechooser button.day:selected dot, datechooser button.day.today:selected dot, datechooser button.day.text-button:selected dot, datechooser button.day.text-button.today:selected dot {
+  background-color: #FFFFFF;
+}
+
+datechooser button.day.today, datechooser button.day.text-button.today {
+  color: #5657f5;
+}
+
+datechooser button.day.today dot, datechooser button.day.text-button.today dot {
+  background-color: #5657f5;
+}
+
+datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop, datechooser button.day.text-button.other-month:not(:hover), datechooser button.day.text-button.other-month:backdrop {
+  color: alpha(currentColor, 0.1);
+}
+
+datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot, datechooser button.day.text-button.other-month:not(:hover) dot, datechooser button.day.text-button.other-month:backdrop dot {
+  background-color: alpha(currentColor, 0.1);
+}
+
+datechooser button.day.other-month:hover:not(:backdrop), datechooser button.day.text-button.other-month:hover:not(:backdrop) {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+datechooser button.day.other-month:hover:not(:backdrop) dot, datechooser button.day.text-button.other-month:hover:not(:backdrop) dot {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+
+.week-header {
+  padding: 0;
+}
+
+.week-header > box:first-child {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.week-header .week-number {
+  font-size: 16pt;
+  font-weight: bold;
+  padding: 12px 12px 18px 12px;
+  color: rgba(255, 255, 255, 0.2);
+}
+
+.week-header.week-temperature {
+  font-size: 10pt;
+  font-weight: bold;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.week-header.lines {
+  color: rgba(255, 255, 255, 0.08);
+}
+
+weekhourbar > label {
+  font-size: 10pt;
+  padding: 4px 6px;
+}
+
+.week-view .lines {
+  color: rgba(255, 255, 255, 0.08);
+}
+
+weekgrid > widget.now-strip {
+  background-color: alpha(#5657f5, 0.8);
+  margin: 0 0 0 1px;
+  min-height: 3px;
+}
+
+weekgrid:selected, weekgrid.dnd,
+.week-header:selected,
+.week-header.dnd {
+  background-color: alpha(#5657f5, 0.25);
+}
+
+monthcell {
+  border: solid 1px rgba(255, 255, 255, 0.08);
+  border-width: 1px 0 0 1px;
+  background-color: transparent;
+  transition: background-color 200ms;
+}
+
+monthcell:hover:not(.out-of-month):not(.today) {
+  background-color: #3b3b43;
+  transition: background-color 200ms;
+  color: #FFFFFF;
+}
+
+monthcell:selected {
+  background-color: alpha(#5657f5, 0.1);
+}
+
+monthcell:selected:hover {
+  background-color: alpha(#5657f5, 0.2);
+}
+
+monthcell:selected label.day-label {
+  font-weight: bold;
+}
+
+monthcell:nth-child(7n + 1) {
+  border-left-width: 0;
+}
+
+monthcell.today {
+  background-color: alpha(#5657f5, 0.2);
+}
+
+monthcell.today:hover {
+  background-color: alpha(#5657f5, 0.3);
+  color: #5657f5;
+}
+
+monthcell.today:selected {
+  background-color: alpha(#5657f5, 0.25);
+}
+
+monthcell.today:selected:hover {
+  background-color: alpha(#5657f5, 0.35);
+}
+
+monthcell label {
+  color: #FFFFFF;
+  font-size: 0.9rem;
+}
+
+monthcell label.day-label {
+  font-size: 1rem;
+}
+
+monthcell.out-of-month {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+monthcell.out-of-month label {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+monthcell button {
+  padding: 0 6px;
+  border-radius: 0;
+  border-bottom: none;
+  border-right: none;
+}
+
+monthpopover > box {
+  margin: 0;
+  padding: 0;
+  background-color: transparent;
+}
+
+.notes-section box > textview {
+  border-radius: 7px;
+  padding: 6px;
+}
+
+.notes-section box > textview > text {
+  background: none;
+}
+
+agenda-view list > row {
+  padding: 2px 12px;
+}
+
+agenda-view list > label {
+  padding: 6px 12px;
+}
+
+label.no-events {
+  font-style: italic;
+}
+
+searchbutton > popover > arrow {
+  background: none;
+  border: none;
+}
+
+datechooser {
+  padding: 6px;
+}
+
+datechooser .current-week {
+  background-color: rgba(255, 255, 255, 0.05);
+  color: #FFFFFF;
+  border-radius: 7px;
+}
+
+menubutton.sources-button {
+  margin-top: 0;
+  margin-bottom: 0;
+  border-radius: 0;
+  border-top-style: none;
+  border-bottom-style: none;
+}
+
+menubutton.sources-button:hover:not(:backdrop) {
+  background-image: none;
+  text-shadow: none;
+}
+
+menubutton.sources-button > button.toggle {
+  border-radius: 0;
+}
+
+menubutton.sources-button > button.toggle .title {
+  font-size: 10pt;
+  font-weight: normal;
+  padding: 0 6px;
+}
+
+menubutton.sources-button > button.toggle .subtitle {
+  font-size: 8pt;
+  padding: 0 6px;
+}
+
+menubutton.sources-button > button.toggle .calendar-color-image {
+  -gtk-icon-size: 12px;
+}
+
+menubutton stack > box {
+  border-spacing: 6px;
+}
+
+.topbar headerbar menubutton.sources-button > button.toggle {
+  border-radius: 0 0 7px 7px;
+}
+
+agenda-view list.background {
+  background-color: transparent;
+}
+
+.large-button {
+  padding: 6px;
+}
+
+.alarm-time {
+  font-size: 2.5em;
+  font-weight: 300;
+}
+
+.clocks-ampm-toggle-button,
+.clocks-secondary-standalone-label {
+  font-size: 18pt;
+}
+
+.clocks-standalone-label,
+.clocks-ringing-label {
+  font-size: 6em;
+  font-weight: 300;
+}
+
+.clocks-ringing-title {
+  font-size: 1.5em;
+  font-weight: bold;
+}
+
+.clocks-alarm-setup-time {
+  font-size: 32pt;
+}
+
+.clocks-timer-label,
+.clocks-spinbutton {
+  font-size: 48pt;
+}
+
+.timer-panel .timer-header {
+  font-size: 20pt;
+  font-weight: 300;
+}
+
+.timer-countdown {
+  font-size: 40pt;
+  font-weight: 300;
+}
+
+/* Stopwatch Panel */
+.lap-time {
+  font-weight: bold;
+}
+
+.stopped-stopwatch label,
+.running-stopwatch label,
+.paused-stopwatch label {
+  font-size: 70px;
+  font-weight: lighter;
+}
+
+.stopped-stopwatch .seconds-label {
+  font-weight: 300;
+}
+
+.running-stopwatch .seconds-label,
+.running-stopwatch .miliseconds-label {
+  color: #5657f5;
+}
+
+.stopped-stopwatch .miliseconds-label,
+.running-stopwatch .miliseconds-label,
+.paused-stopwatch .miliseconds-label {
+  font-size: 50px;
+}
+
+.running-stopwatch .seconds-label,
+.paused-stopwatch .seconds-label {
+  font-weight: 300;
+}
+
+.clock-location {
+  font-weight: bolder;
+}
+
+.hidden {
+  opacity: 0;
+}
+
+.clock-time {
+  font-size: 2em;
+  padding: 0.2em 0.5em;
+  border-radius: 1em;
+}
+
+.none .clock-time {
+  background: alpha(currentColor, 0.2);
+}
+
+.night .clock-time {
+  color: #1E88E5;
+  background-color: alpha(#2196F3, 0.25);
+}
+
+.naut .clock-time,
+.astro .clock-time {
+  color: #F57C00;
+  background-color: alpha(#FF9800, 0.25);
+}
+
+.civil .clock-time,
+.day .clock-time {
+  color: #F9A825;
+  background: alpha(#FDD835, 0.25);
+}
+
+avatar {
+  border-radius: 9999px;
+  font-weight: bold;
+}
+
+avatar.color1 {
+  background-image: linear-gradient(#83b6ec, #337fdc);
+  color: #cfe1f5;
+}
+
+avatar.color2 {
+  background-image: linear-gradient(#7ad9f1, #0f9ac8);
+  color: #caeaf2;
+}
+
+avatar.color3 {
+  background-image: linear-gradient(#8de6b1, #29ae74);
+  color: #cef8d8;
+}
+
+avatar.color4 {
+  background-image: linear-gradient(#b5e98a, #6ab85b);
+  color: #e6f9d7;
+}
+
+avatar.color5 {
+  background-image: linear-gradient(#f8e359, #d29d09);
+  color: #f9f4e1;
+}
+
+avatar.color6 {
+  background-image: linear-gradient(#ffcb62, #d68400);
+  color: #ffead1;
+}
+
+avatar.color7 {
+  background-image: linear-gradient(#ffa95a, #ed5b00);
+  color: #ffe5c5;
+}
+
+avatar.color8 {
+  background-image: linear-gradient(#f78773, #e62d42);
+  color: #f8d2ce;
+}
+
+avatar.color9 {
+  background-image: linear-gradient(#e973ab, #e33b6a);
+  color: #fac7de;
+}
+
+avatar.color10 {
+  background-image: linear-gradient(#cb78d4, #9945b5);
+  color: #e7c2e8;
+}
+
+avatar.color11 {
+  background-image: linear-gradient(#9e91e8, #7a59ca);
+  color: #d5d2f5;
+}
+
+avatar.color12 {
+  background-image: linear-gradient(#e3cf9c, #b08952);
+  color: #f2eade;
+}
+
+avatar.color13 {
+  background-image: linear-gradient(#be916d, #785336);
+  color: #e5d6ca;
+}
+
+avatar.color14 {
+  background-image: linear-gradient(#c0bfbc, #6e6d71);
+  color: #d8d7d3;
+}
+
+avatar.contrasted {
+  color: white;
+}
+
+avatar.image {
+  background: none;
+}
+
+splitbutton.suggested-action > button, splitbutton.suggested-action > menubutton > button, splitbutton.destructive-action > button, splitbutton.destructive-action > menubutton > button, splitbutton.opaque > button, splitbutton.opaque > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, button.suggested-action, button.destructive-action, button.opaque {
+  box-shadow: none;
+}
+
+.osd splitbutton.suggested-action > button:focus:focus-visible, .osd splitbutton.suggested-action > menubutton > button:focus:focus-visible, .osd splitbutton.destructive-action > button:focus:focus-visible, .osd splitbutton.destructive-action > menubutton > button:focus:focus-visible, .osd splitbutton.opaque > button:focus:focus-visible, .osd splitbutton.opaque > menubutton > button:focus:focus-visible, .osd menubutton.suggested-action > button:focus:focus-visible, .osd menubutton.destructive-action > button:focus:focus-visible, .osd menubutton.opaque > button:focus:focus-visible, .osd button.suggested-action:focus:focus-visible, .osd button.destructive-action:focus:focus-visible, .osd button.opaque:focus:focus-visible {
+  outline: none;
+}
+
+splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, button.suggested-action:hover, button.destructive-action:hover, button.opaque:hover {
+  background-image: image(alpha(currentColor, 0.1));
+}
+
+splitbutton.suggested-action > button.keyboard-activating, splitbutton.suggested-action > menubutton > button.keyboard-activating, splitbutton.destructive-action > button.keyboard-activating, splitbutton.destructive-action > menubutton > button.keyboard-activating, splitbutton.opaque > button.keyboard-activating, splitbutton.opaque > menubutton > button.keyboard-activating, menubutton.suggested-action > button.keyboard-activating, menubutton.destructive-action > button.keyboard-activating, menubutton.opaque > button.keyboard-activating, button.keyboard-activating.suggested-action, button.keyboard-activating.destructive-action, button.keyboard-activating.opaque, splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, button.suggested-action:active, button.destructive-action:active, button.opaque:active {
+  background-image: image(rgba(0, 0, 0, 0.2));
+}
+
+splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, button.suggested-action:checked, button.destructive-action:checked, button.opaque:checked {
+  background-image: image(rgba(0, 0, 0, 0.15));
+}
+
+splitbutton.suggested-action > button:checked:hover, splitbutton.suggested-action > menubutton > button:checked:hover, splitbutton.destructive-action > button:checked:hover, splitbutton.destructive-action > menubutton > button:checked:hover, splitbutton.opaque > button:checked:hover, splitbutton.opaque > menubutton > button:checked:hover, menubutton.suggested-action > button:checked:hover, menubutton.destructive-action > button:checked:hover, menubutton.opaque > button:checked:hover, button.suggested-action:checked:hover, button.destructive-action:checked:hover, button.opaque:checked:hover {
+  background-image: image(rgba(0, 0, 0, 0.05));
+}
+
+splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.suggested-action > menubutton > button:checked.keyboard-activating, splitbutton.destructive-action > button:checked.keyboard-activating, splitbutton.destructive-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.destructive-action > button:checked.keyboard-activating, menubutton.opaque > button:checked.keyboard-activating, button.suggested-action:checked.keyboard-activating, button.destructive-action:checked.keyboard-activating, button.opaque:checked.keyboard-activating, splitbutton.suggested-action > button:checked:active, splitbutton.suggested-action > menubutton > button:checked:active, splitbutton.destructive-action > button:checked:active, splitbutton.destructive-action > menubutton > button:checked:active, splitbutton.opaque > button:checked:active, splitbutton.opaque > menubutton > button:checked:active, menubutton.suggested-action > button:checked:active, menubutton.destructive-action > button:checked:active, menubutton.opaque > button:checked:active, button.suggested-action:checked:active, button.destructive-action:checked:active, button.opaque:checked:active {
+  background-image: image(rgba(0, 0, 0, 0.3));
+}
+
+button.opaque {
+  background-color: #505058;
+  color: #FFFFFF;
+}
+
+button.destructive-action {
+  color: on(#FF5252);
+}
+
+button.destructive-action, button.destructive-action:checked {
+  background-color: #FF5252;
+}
+
+button.suggested-action {
+  color: on(#7C4DFF);
+}
+
+button.suggested-action, button.suggested-action:checked {
+  background-color: #7C4DFF;
+}
+
+button.font separator {
+  background-color: transparent;
+}
+
+button.font > box {
+  border-spacing: 6px;
+}
+
+button.font > box > box > label {
+  font-weight: bold;
+}
+
+menubutton.pill > button, button.pill {
+  padding: 10px 32px;
+  border-radius: 9999px;
+}
+
+button.card {
+  background-clip: padding-box;
+  font-weight: inherit;
+  box-shadow: none;
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.card:hover {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+  color: #FFFFFF;
+  outline: none;
+}
+
+button.card.keyboard-activating, button.card:active {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.1);
+  outline: none;
+}
+
+button.card:checked {
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.06);
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.1);
+  outline: none;
+}
+
+button.card:drop(active) {
+  color: #FF6D00;
+  box-shadow: inset 0 0 0 1px #FF6D00;
+}
+
+menubutton.osd {
+  background: none;
+  color: inherit;
+}
+
+menubutton.suggested-action {
+  background-color: #7C4DFF;
+  color: on(#7C4DFF);
+}
+
+menubutton.destructive-action {
+  background-color: #FF5252;
+  color: on(#FF5252);
+}
+
+menubutton.opaque {
+  background-color: #505058;
+  color: #FFFFFF;
+}
+
+menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque {
+  border-radius: 7px;
+}
+
+menubutton.suggested-action.circular, menubutton.suggested-action.pill, menubutton.destructive-action.circular, menubutton.destructive-action.pill, menubutton.opaque.circular, menubutton.opaque.pill {
+  border-radius: 9999px;
+}
+
+menubutton.suggested-action > button, menubutton.suggested-action > button:checked, menubutton.destructive-action > button, menubutton.destructive-action > button:checked, menubutton.opaque > button, menubutton.opaque > button:checked {
+  background-color: transparent;
+  color: inherit;
+}
+
+menubutton arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+menubutton arrow.none {
+  -gtk-icon-source: -gtk-icontheme("open-menu-symbolic");
+}
+
+menubutton arrow.down {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+menubutton arrow.up {
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+menubutton arrow.left {
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+menubutton arrow.right {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+splitbutton {
+  border-radius: 7px;
+}
+
+splitbutton:disabled {
+  filter: none;
+  opacity: 1;
+}
+
+splitbutton, splitbutton > separator {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
+  transition-property: background;
+}
+
+splitbutton > separator {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  background: none;
+}
+
+splitbutton.image-button > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 6px;
+}
+
+splitbutton.text-button.image-button > button, splitbutton.image-text-button > button {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box, splitbutton.image-text-button > button > box {
+  border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  margin-right: 0;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
+
+splitbutton.flat > separator {
+  background: rgba(255, 255, 255, 0.08);
+}
+
+splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked {
+  background: alpha(currentColor, 0.1);
+  color: #FFFFFF;
+}
+
+splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator {
+  background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+  background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+  border-radius: 7px;
+}
+
+splitbutton.suggested-action {
+  background-color: #7C4DFF;
+  color: on(#7C4DFF);
+}
+
+splitbutton.destructive-action {
+  background-color: #FF5252;
+  color: on(#FF5252);
+}
+
+splitbutton.opaque {
+  background-color: #505058;
+  color: #FFFFFF;
+}
+
+splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-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;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) {
+  box-shadow: inset 1px 0 rgba(255, 255, 255, 0.08);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) {
+  box-shadow: inset -1px 0 rgba(255, 255, 255, 0.08);
+}
+
+splitbutton > menubutton > button > arrow.none {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+buttoncontent {
+  border-spacing: 6px;
+}
+
+buttoncontent > label {
+  font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+  padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+  padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr), splitbutton > button > buttoncontent > label:dir(ltr) {
+  padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl), splitbutton > button > buttoncontent > label:dir(rtl) {
+  padding-left: 0;
+}
+
+toast {
+  background-color: #31313a;
+  margin: 12px;
+  margin-bottom: 24px;
+  border-radius: 9999px;
+  border-spacing: 6px;
+  padding: 6px;
+  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.12), 0 10px 16px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
+  color: rgba(255, 255, 255, 0.7);
+  font-weight: normal;
+}
+
+toast:dir(ltr) {
+  padding-left: 12px;
+}
+
+toast:dir(rtl) {
+  padding-right: 12px;
+}
+
+toast > widget {
+  margin: 0 6px;
+}
+
+statuspage > scrolledwindow > viewport > box {
+  margin: 36px 12px;
+  border-spacing: 36px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box {
+  border-spacing: 12px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 128px;
+  color: alpha(currentColor, 0.45);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+  opacity: 0.45;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+  margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+  -gtk-icon-size: 96px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+  margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+  font-size: 18pt;
+}
+
+list.content,
+list.boxed-list, .card {
+  border-radius: 7px;
+  box-shadow: none;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  background-clip: padding-box;
+  background-color: #31313a;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+  margin: 24px 12px;
+  border-spacing: 24px;
+}
+
+preferencesgroup > box, preferencesgroup > box .labels {
+  border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+  margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+  min-height: 36px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+  padding: 0;
+  background: none;
+  box-shadow: none;
+  outline-color: transparent;
+  outline-width: 3px;
+  outline-offset: 3px;
+  outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle, preferencesgroup > box button.background-preview-button.toggle > background-preview {
+  border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+  outline-color: rgba(255, 255, 255, 0.15);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+  outline-color: rgba(255, 255, 255, 0.2);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+  outline-color: #5657f5;
+}
+
+viewswitcher {
+  margin: 0;
+}
+
+viewswitcher.wide {
+  border-spacing: 0;
+  border-radius: 9999px;
+  background-color: rgba(255, 255, 255, 0.05);
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator {
+  background-color: #FFFFFF;
+}
+
+viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator > label {
+  color: #5657f5;
+}
+
+viewswitcher.narrow button.toggle {
+  border-radius: 0;
+  margin: 0;
+  border: none;
+  background-color: transparent;
+  box-shadow: none;
+}
+
+viewswitcher.narrow button.toggle:hover {
+  color: #FFFFFF;
+  box-shadow: inset 0 -2px transparent;
+  background-color: rgba(255, 255, 255, 0.04);
+}
+
+viewswitcher.narrow button.toggle:active {
+  color: #FFFFFF;
+  box-shadow: inset 0 -2px #5657f5;
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+viewswitcher.narrow button.toggle:checked {
+  border-radius: 0;
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.06);
+  box-shadow: inset 0 -2px #5657f5;
+  background-image: none;
+}
+
+viewswitcher.narrow button.toggle:checked:backdrop, viewswitcher.narrow button.toggle:active:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+  box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5);
+}
+
+viewswitcher button.toggle {
+  font-weight: bold;
+  padding: 0;
+  min-height: 0;
+  margin: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+  font-size: 0.75rem;
+  padding-top: 7px;
+  padding-bottom: 5px;
+  border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+  padding: 0 12px;
+  border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+  padding: 0;
+}
+
+viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action) {
+  transition: none;
+}
+
+viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):hover {
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.04);
+  box-shadow: inset 0 2px transparent;
+}
+
+viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):active {
+  color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0 2px #5657f5;
+}
+
+viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):checked {
+  border-radius: 0;
+  color: #FFFFFF;
+}
+
+viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):checked, viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):checked:hover {
+  background-color: rgba(255, 255, 255, 0.06);
+  box-shadow: inset 0 2px #5657f5;
+  background-image: none;
+}
+
+viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):checked:backdrop, viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle:not(.suggested-action):not(.destructive-action):active:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+  box-shadow: inset 0 2px rgba(255, 255, 255, 0.5);
+}
+
+viewswitchertitle {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+viewswitchertitle viewswitcher {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+viewswitchertitle viewswitcher.narrow {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+viewswitchertitle viewswitcher.narrow button.toggle > stack > box.narrow {
+  padding-top: 0;
+  padding-bottom: 0;
+  border-spacing: 0;
+}
+
+viewswitchertitle viewswitcher.wide {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+
+viewswitchertitle windowtitle {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+indicatorbin > indicator, indicatorbin > mask {
+  min-width: 6px;
+  min-height: 6px;
+  border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+  margin: 1px;
+  padding: 0;
+  background: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+  font-size: 0.6rem;
+  font-weight: bold;
+  padding: 2px 5px;
+  color: white;
+}
+
+indicatorbin > mask {
+  padding: 1px;
+  background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+  background-color: #5657f5;
+}
+
+indicatorbin.needs-attention > indicator > label {
+  color: #FFFFFF;
+}
+
+tabbar .box {
+  background-color: #31313a;
+  color: #FFFFFF;
+  box-shadow: inset 0 -1px rgba(255, 255, 255, 0.08);
+  padding: 1px;
+  padding-top: 0;
+}
+
+tabbar .box:backdrop {
+  background-color: #424249;
+  transition: background-color 200ms ease-out;
+}
+
+tabbar .box:backdrop > scrolledwindow,
+tabbar .box:backdrop > .start-action,
+tabbar .box:backdrop > .end-action {
+  filter: opacity(0.5);
+  transition: filter 200ms ease-out;
+}
+
+tabbar tabbox {
+  padding-bottom: 0;
+  padding-top: 0;
+  min-height: 34px;
+}
+
+tabbar tabbox > tabboxchild {
+  border-radius: 7px;
+}
+
+tabbar tabbox > separator {
+  margin-top: 9px;
+  margin-bottom: 9px;
+  transition: opacity 150ms ease-in-out;
+}
+
+tabbar tabbox > separator.hidden {
+  opacity: 0;
+}
+
+tabbar tabbox > revealer > indicator {
+  min-width: 2px;
+  border-radius: 2px;
+  margin: 3px 6px;
+  background: #5657f5;
+}
+
+tabbar tab {
+  transition: background 150ms ease-in-out;
+}
+
+tabbar tab:selected {
+  background-color: rgba(255, 255, 255, 0.06);
+}
+
+tabbar tab:selected:hover {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+tabbar tab:selected:active {
+  background-color: rgba(255, 255, 255, 0.12);
+}
+
+tabbar tab:hover {
+  background-color: rgba(255, 255, 255, 0.04);
+}
+
+tabbar tab:active {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active {
+  background: none;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+  padding: 6px 5px;
+}
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+  padding-right: 0;
+}
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+  padding-left: 0;
+}
+
+tabbar.inline .box {
+  background-color: transparent;
+  color: inherit;
+  box-shadow: none;
+  padding-bottom: 0;
+}
+
+tabbar.inline .box:backdrop {
+  background-color: transparent;
+  transition: none;
+}
+
+tabbar.inline .box:backdrop > scrolledwindow,
+tabbar.inline .box:backdrop > .start-action,
+tabbar.inline .box:backdrop > .end-action {
+  filter: none;
+  transition: none;
+}
+
+dnd tab {
+  background-color: #31313a;
+  background-image: image(rgba(255, 255, 255, 0.12));
+  color: #FFFFFF;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03);
+  margin: 25px;
+}
+
+tabbar tab,
+dnd tab {
+  min-height: 26px;
+  padding: 4px;
+  border-radius: 7px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+  padding: 0;
+  margin: 0;
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 99px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+  min-height: 2px;
+  border-radius: 2px;
+  background: alpha(#5657f5, 0.5);
+  transform: translateY(4px);
+}
+
+tabthumbnail {
+  border-radius: 11px;
+  transition: box-shadow 200ms ease-out, background-color ease-out;
+}
+
+tabthumbnail > box {
+  margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+  box-shadow: inset 0 0 0 2px alpha(#FF6D00, 0.4);
+  background-color: alpha(#FF6D00, 0.1);
+}
+
+tabthumbnail .needs-attention:dir(ltr) {
+  transform: translate(8px, -8px);
+}
+
+tabthumbnail .needs-attention:dir(rtl) {
+  transform: translate(-8px, -8px);
+}
+
+tabthumbnail .needs-attention > widget {
+  background: #5657f5;
+  min-width: 12px;
+  min-height: 12px;
+  border-radius: 8px;
+  margin: 3px;
+  box-shadow: 0 1px 2px alpha(#5657f5, 0.4);
+}
+
+tabthumbnail .card {
+  background: none;
+  color: inherit;
+}
+
+tabthumbnail .card picture {
+  outline: none;
+  border-radius: 7px;
+}
+
+tabthumbnail.pinned .card {
+  background-color: rgba(86, 87, 245, 0.12);
+  color: #FFFFFF;
+}
+
+tabthumbnail .icon-title-box {
+  border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+  margin: 6px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+tabthumbnail button.circular {
+  margin: 6px;
+  background-color: alpha(#5657f5, 0.15);
+  min-width: 24px;
+  min-height: 24px;
+}
+
+tabthumbnail button.circular:hover {
+  background-color: alpha(#5657f5, 0.2);
+}
+
+tabthumbnail button.circular:active {
+  background-color: alpha(#5657f5, 0.25);
+}
+
+taboverview > .overview .new-tab-button {
+  margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+  box-shadow: none;
+}
+
+flap > dimming,
+leaflet > dimming,
+navigation-view > dimming,
+overlay-split-view > dimming {
+  background: none;
+}
+
+flap > border,
+leaflet > border,
+navigation-view > border,
+overlay-split-view > border {
+  background: none;
+}
+
+flap > shadow,
+leaflet > shadow,
+navigation-view > shadow,
+overlay-split-view > shadow {
+  min-width: 56px;
+  min-height: 56px;
+}
+
+flap > shadow.left,
+leaflet > shadow.left,
+navigation-view > shadow.left,
+overlay-split-view > shadow.left {
+  background-image: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to right, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px);
+}
+
+flap > shadow.right,
+leaflet > shadow.right,
+navigation-view > shadow.right,
+overlay-split-view > shadow.right {
+  background-image: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to left, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px);
+}
+
+flap > shadow.up,
+leaflet > shadow.up,
+navigation-view > shadow.up,
+overlay-split-view > shadow.up {
+  background-image: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px);
+}
+
+flap > shadow.down,
+leaflet > shadow.down,
+navigation-view > shadow.down,
+overlay-split-view > shadow.down {
+  background-image: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to top, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px);
+}
+
+toolbarview.undershoot-top scrolledwindow > undershoot.top {
+  box-shadow: inset 0 1px rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.unfolded stacksidebar.sidebar {
+  border: none;
+}
+
+.sidebar-pane {
+  background-color: #3b3b43;
+  color: #FFFFFF;
+}
+
+.sidebar-pane:backdrop {
+  background-color: #34343b;
+  transition: background-color 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.sidebar-pane .toolbar,
+.sidebar-pane .sidebar,
+.sidebar-pane .navigation-sidebar,
+.sidebar-pane headerbar,
+.sidebar-pane searchbar > revealer > box {
+  background-color: transparent;
+  box-shadow: none;
+  border: none;
+}
+
+.sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top {
+  box-shadow: inset 0 1px rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-top > undershoot.top {
+  box-shadow: inset 0 1px rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom {
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left {
+  box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right {
+  box-shadow: inset -1px 0 rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right {
+  box-shadow: inset -1px 0 rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left {
+  box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.sidebar-pane flap > dimming,
+.sidebar-pane leaflet > dimming,
+.sidebar-pane navigation-view > dimming,
+.sidebar-pane overlay-split-view > dimming {
+  background: none;
+}
+
+.sidebar-pane flap > border,
+.sidebar-pane leaflet > border,
+.sidebar-pane navigation-view > border,
+.sidebar-pane overlay-split-view > border {
+  background: none;
+}
+
+.sidebar-pane flap > shadow,
+.sidebar-pane leaflet > shadow,
+.sidebar-pane navigation-view > shadow,
+.sidebar-pane overlay-split-view > shadow {
+  min-width: 56px;
+  min-height: 56px;
+}
+
+.sidebar-pane flap > shadow.left,
+.sidebar-pane leaflet > shadow.left,
+.sidebar-pane navigation-view > shadow.left,
+.sidebar-pane overlay-split-view > shadow.left {
+  background-image: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to right, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px);
+}
+
+.sidebar-pane flap > shadow.right,
+.sidebar-pane leaflet > shadow.right,
+.sidebar-pane navigation-view > shadow.right,
+.sidebar-pane overlay-split-view > shadow.right {
+  background-image: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to left, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px);
+}
+
+.sidebar-pane flap > shadow.up,
+.sidebar-pane leaflet > shadow.up,
+.sidebar-pane navigation-view > shadow.up,
+.sidebar-pane overlay-split-view > shadow.up {
+  background-image: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px);
+}
+
+.sidebar-pane flap > shadow.down,
+.sidebar-pane leaflet > shadow.down,
+.sidebar-pane navigation-view > shadow.down,
+.sidebar-pane overlay-split-view > shadow.down {
+  background-image: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.15), 0.7), alpha(rgba(0, 0, 0, 0.15), 0.14) 40px, alpha(rgba(0, 0, 0, 0.15), 0) 56px), linear-gradient(to top, alpha(rgba(0, 0, 0, 0.15), 0.4), alpha(rgba(0, 0, 0, 0.15), 0.14) 7px, alpha(rgba(0, 0, 0, 0.15), 0) 24px);
+}
+
+.sidebar-pane banner > revealer > widget {
+  background-color: gtkmix(#5657f5, #3b3b43, 30%);
+  color: #FFFFFF;
+}
+
+.sidebar-pane banner > revealer > widget:backdrop {
+  background-color: gtkmix(#5657f5, #3b3b43, 30%);
+}
+
+.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: none;
+  border-right: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.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: none;
+  border-left: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+/* Middle pane in three-pane setups */
+.content-pane .sidebar-pane,
+.sidebar-pane .content-pane {
+  background-color: #31313a;
+  color: #FFFFFF;
+}
+
+.content-pane .sidebar-pane:backdrop,
+.sidebar-pane .content-pane:backdrop {
+  background-color: #34343b;
+  transition: background-color 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.content-pane .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top,
+.sidebar-pane .content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top {
+  box-shadow: inset 0 1px rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.content-pane .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom,
+.sidebar-pane .content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-top > undershoot.top,
+.sidebar-pane .content-pane scrolledwindow.undershoot-top > undershoot.top {
+  box-shadow: inset 0 1px rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to bottom, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom,
+.sidebar-pane .content-pane scrolledwindow.undershoot-bottom > undershoot.bottom {
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to top, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left,
+.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left {
+  box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right,
+.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right {
+  box-shadow: inset -1px 0 rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right,
+.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right {
+  box-shadow: inset -1px 0 rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to left, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left,
+.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left {
+  box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08);
+  background: linear-gradient(to right, alpha(rgba(0, 0, 0, 0.08), 0.75), transparent 4px);
+}
+
+.content-pane .sidebar-pane flap > dimming,
+.content-pane .sidebar-pane leaflet > dimming,
+.content-pane .sidebar-pane navigation-view > dimming,
+.content-pane .sidebar-pane overlay-split-view > dimming,
+.sidebar-pane .content-pane flap > dimming,
+.sidebar-pane .content-pane leaflet > dimming,
+.sidebar-pane .content-pane navigation-view > dimming,
+.sidebar-pane .content-pane overlay-split-view > dimming {
+  background: none;
+}
+
+.content-pane .sidebar-pane flap > border,
+.content-pane .sidebar-pane leaflet > border,
+.content-pane .sidebar-pane navigation-view > border,
+.content-pane .sidebar-pane overlay-split-view > border,
+.sidebar-pane .content-pane flap > border,
+.sidebar-pane .content-pane leaflet > border,
+.sidebar-pane .content-pane navigation-view > border,
+.sidebar-pane .content-pane overlay-split-view > border {
+  background: none;
+}
+
+.content-pane .sidebar-pane flap > shadow,
+.content-pane .sidebar-pane leaflet > shadow,
+.content-pane .sidebar-pane navigation-view > shadow,
+.content-pane .sidebar-pane overlay-split-view > shadow,
+.sidebar-pane .content-pane flap > shadow,
+.sidebar-pane .content-pane leaflet > shadow,
+.sidebar-pane .content-pane navigation-view > shadow,
+.sidebar-pane .content-pane overlay-split-view > shadow {
+  min-width: 56px;
+  min-height: 56px;
+}
+
+.content-pane .sidebar-pane flap > shadow.left,
+.content-pane .sidebar-pane leaflet > shadow.left,
+.content-pane .sidebar-pane navigation-view > shadow.left,
+.content-pane .sidebar-pane overlay-split-view > shadow.left,
+.sidebar-pane .content-pane flap > shadow.left,
+.sidebar-pane .content-pane leaflet > shadow.left,
+.sidebar-pane .content-pane navigation-view > shadow.left,
+.sidebar-pane .content-pane overlay-split-view > shadow.left {
+  background-image: linear-gradient(to right, alpha(rgba(255, 255, 255, 0.08), 0.7), alpha(rgba(255, 255, 255, 0.08), 0.14) 40px, alpha(rgba(255, 255, 255, 0.08), 0) 56px), linear-gradient(to right, alpha(rgba(255, 255, 255, 0.08), 0.4), alpha(rgba(255, 255, 255, 0.08), 0.14) 7px, alpha(rgba(255, 255, 255, 0.08), 0) 24px);
+}
+
+.content-pane .sidebar-pane flap > shadow.right,
+.content-pane .sidebar-pane leaflet > shadow.right,
+.content-pane .sidebar-pane navigation-view > shadow.right,
+.content-pane .sidebar-pane overlay-split-view > shadow.right,
+.sidebar-pane .content-pane flap > shadow.right,
+.sidebar-pane .content-pane leaflet > shadow.right,
+.sidebar-pane .content-pane navigation-view > shadow.right,
+.sidebar-pane .content-pane overlay-split-view > shadow.right {
+  background-image: linear-gradient(to left, alpha(rgba(255, 255, 255, 0.08), 0.7), alpha(rgba(255, 255, 255, 0.08), 0.14) 40px, alpha(rgba(255, 255, 255, 0.08), 0) 56px), linear-gradient(to left, alpha(rgba(255, 255, 255, 0.08), 0.4), alpha(rgba(255, 255, 255, 0.08), 0.14) 7px, alpha(rgba(255, 255, 255, 0.08), 0) 24px);
+}
+
+.content-pane .sidebar-pane flap > shadow.up,
+.content-pane .sidebar-pane leaflet > shadow.up,
+.content-pane .sidebar-pane navigation-view > shadow.up,
+.content-pane .sidebar-pane overlay-split-view > shadow.up,
+.sidebar-pane .content-pane flap > shadow.up,
+.sidebar-pane .content-pane leaflet > shadow.up,
+.sidebar-pane .content-pane navigation-view > shadow.up,
+.sidebar-pane .content-pane overlay-split-view > shadow.up {
+  background-image: linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.08), 0.7), alpha(rgba(255, 255, 255, 0.08), 0.14) 40px, alpha(rgba(255, 255, 255, 0.08), 0) 56px), linear-gradient(to bottom, alpha(rgba(255, 255, 255, 0.08), 0.4), alpha(rgba(255, 255, 255, 0.08), 0.14) 7px, alpha(rgba(255, 255, 255, 0.08), 0) 24px);
+}
+
+.content-pane .sidebar-pane flap > shadow.down,
+.content-pane .sidebar-pane leaflet > shadow.down,
+.content-pane .sidebar-pane navigation-view > shadow.down,
+.content-pane .sidebar-pane overlay-split-view > shadow.down,
+.sidebar-pane .content-pane flap > shadow.down,
+.sidebar-pane .content-pane leaflet > shadow.down,
+.sidebar-pane .content-pane navigation-view > shadow.down,
+.sidebar-pane .content-pane overlay-split-view > shadow.down {
+  background-image: linear-gradient(to top, alpha(rgba(255, 255, 255, 0.08), 0.7), alpha(rgba(255, 255, 255, 0.08), 0.14) 40px, alpha(rgba(255, 255, 255, 0.08), 0) 56px), linear-gradient(to top, alpha(rgba(255, 255, 255, 0.08), 0.4), alpha(rgba(255, 255, 255, 0.08), 0.14) 7px, alpha(rgba(255, 255, 255, 0.08), 0) 24px);
+}
+
+.content-pane .sidebar-pane banner > revealer > widget,
+.sidebar-pane .content-pane banner > revealer > widget {
+  background-color: gtkmix(#5657f5, #31313a, 30%);
+  color: #FFFFFF;
+}
+
+.content-pane .sidebar-pane banner > revealer > widget:backdrop,
+.sidebar-pane .content-pane banner > revealer > widget:backdrop {
+  background-color: gtkmix(#5657f5, #31313a, 30%);
+}
+
+.content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget,
+.sidebar-pane .content-pane:dir(ltr),
+.sidebar-pane .content-pane:dir(ltr) banner > revealer > widget,
+.sidebar-pane .content-pane.end:dir(rtl),
+.sidebar-pane .content-pane.end:dir(rtl) banner > revealer > widget {
+  box-shadow: none;
+  border-right: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.content-pane .sidebar-pane:dir(rtl), .content-pane .sidebar-pane:dir(rtl) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(ltr), .content-pane .sidebar-pane.end:dir(ltr) banner > revealer > widget,
+.sidebar-pane .content-pane:dir(rtl),
+.sidebar-pane .content-pane:dir(rtl) banner > revealer > widget,
+.sidebar-pane .content-pane.end:dir(ltr),
+.sidebar-pane .content-pane.end:dir(ltr) banner > revealer > widget {
+  box-shadow: none;
+  border-left: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.sidebar-pane .sidebar-pane {
+  background-color: transparent;
+  color: inherit;
+}
+
+.top-bar {
+  padding: 0;
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.top-bar headerbar, .top-bar headerbar:backdrop,
+.top-bar box > headerbar:only-child,
+.top-bar box > headerbar:only-child:backdrop {
+  background-color: transparent;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  border: none;
+}
+
+.top-bar .collapse-spacing {
+  padding: 0;
+}
+
+themeselector,
+panelthemeselector {
+  margin: 9px;
+}
+
+themeselector checkbutton,
+panelthemeselector checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
+}
+
+themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked,
+panelthemeselector checkbutton.follow:checked,
+panelthemeselector checkbutton.light:checked,
+panelthemeselector checkbutton.dark:checked {
+  box-shadow: inset 0 0 0 2px #5657f5;
+}
+
+themeselector checkbutton.follow,
+panelthemeselector checkbutton.follow {
+  background-image: linear-gradient(to bottom right, #ffffff 50%, #202020 50%);
+}
+
+themeselector checkbutton.light,
+panelthemeselector checkbutton.light {
+  background-color: #ffffff;
+}
+
+themeselector checkbutton.dark,
+panelthemeselector checkbutton.dark {
+  background-color: #202020;
+}
+
+themeselector checkbutton.theme-selector radio,
+panelthemeselector checkbutton.theme-selector radio {
+  -gtk-icon-source: none;
+  border: none;
+  background: none;
+  box-shadow: none;
+  min-height: 20px;
+  min-width: 20px;
+  padding: 0;
+}
+
+themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:hover,
+panelthemeselector checkbutton.theme-selector radio:active,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  background-color: transparent;
+}
+
+themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg")));
+  color: #FFFFFF;
+  background-color: #5657f5;
+}
+
+themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active,
+panelthemeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked:hover,
+panelthemeselector checkbutton.theme-selector radio:checked:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 20px;
+  min-width: 20px;
+  background: none;
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  color: #FFFFFF;
+  background-color: #5657f5;
+}
+
+themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
+}
+
+themeswitcher checkbutton:checked {
+  box-shadow: inset 0 0 0 2px #5657f5;
+}
+
+themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active {
+  background-color: transparent;
+  border: none;
+  background: none;
+  box-shadow: none;
+  color: transparent;
+  -gtk-icon-source: none;
+  -gtk-icon-size: 0;
+}
+
+themeswitcher checkbutton.system {
+  background: linear-gradient(-45deg, #1e1e1e 50%, white 50%);
+}
+
+themeswitcher checkbutton.light {
+  color: alpha(black, 0.8);
+  background-color: white;
+}
+
+themeswitcher checkbutton.dark {
+  color: white;
+  background-color: #1e1e1e;
+}
+
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color currentColor;
+/*
+widget base background color */
+@define-color theme_bg_color #34343b;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #31313a;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #5657f5;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #FFFFFF;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #34343b;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color alpha(currentColor, 0.5);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #3b3b43;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #FFFFFF;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color currentColor;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #34343b;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #31313a;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #5657f5;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #FFFFFF;
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color alpha(currentColor, 0.5);
+/*
+widgets main borders color */
+@define-color borders alpha(currentColor, 0.12);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders alpha(currentColor, 0.12);
+/*
+these are pretty self explicative */
+@define-color warning_color #FF6D00;
+@define-color error_color #DD2C00;
+@define-color success_color #00C853;
+/*
+FIXME this is really an API */
+@define-color content_view_bg #31313a;
+@define-color placeholder_text_color #c1c1c4;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #232329;
+@define-color budgie_tasklist_indicator_color #7C4DFF;
+@define-color budgie_tasklist_indicator_color_active #7C4DFF;
+@define-color budgie_tasklist_indicator_color_active_window rgba(90, 62, 174, 0.931);
+@define-color budgie_tasklist_indicator_color_attention #FF6D00;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
diff --git a/gtk-assets/header-icon-alt.png b/gtk-assets/header-icon-alt.png
new file mode 100644
index 0000000..6906eb9
Binary files /dev/null and b/gtk-assets/header-icon-alt.png differ
diff --git a/gtk-assets/header-icon-alt@2.png b/gtk-assets/header-icon-alt@2.png
new file mode 100644
index 0000000..094c7e7
Binary files /dev/null and b/gtk-assets/header-icon-alt@2.png differ
diff --git a/gtk-assets/header-icon.png b/gtk-assets/header-icon.png
new file mode 100644
index 0000000..d83d75d
Binary files /dev/null and b/gtk-assets/header-icon.png differ
diff --git a/gtk-assets/header-icon@2.png b/gtk-assets/header-icon@2.png
new file mode 100644
index 0000000..e7fb032
Binary files /dev/null and b/gtk-assets/header-icon@2.png differ
diff --git a/gtk-assets/scalable/check-symbolic.svg b/gtk-assets/scalable/check-symbolic.svg
new file mode 100644
index 0000000..7b89e88
--- /dev/null
+++ b/gtk-assets/scalable/check-symbolic.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="14.916666"
+     inkscape:cx="7.9776538"
+     inkscape:cy="5.1620113"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 16.091797,6.5468751 c 0.127806,-3.5e-6 0.255581,0.04855 0.353515,0.1464844 0.195869,0.1958684 0.195869,0.5111627 0,0.7070308 L 9.3730471,14.472656 c -0.02449,0.02449 -0.05035,0.04611 -0.07815,0.06443 -0.02772,0.01839 -0.05585,0.03268 -0.08593,0.04492 -0.03009,0.01224 -0.06226,0.02122 -0.09376,0.02734 -0.03149,0.0061 -0.06375,0.0098 -0.09571,0.0098 -0.03195,0 -0.06226,-0.0036 -0.09375,-0.0098 -0.03149,-0.0061 -0.06367,-0.0151 -0.09375,-0.02734 -0.03009,-0.01224 -0.05818,-0.02656 -0.08593,-0.04492 -0.01389,-0.0092 -0.02786,-0.02051 -0.04101,-0.03125 -0.01312,-0.01071 -0.02679,-0.02099 -0.03903,-0.03323 l -4.18665,-4.188623 c -0.1958683,-0.195869 -0.1958687,-0.511162 5e-7,-0.707032 0.1958681,-0.195867 0.5111624,-0.195868 0.7070307,1e-6 l 3.8331198,3.835099 6.7187499,-6.7187499 c 0.09793,-0.097934 0.225707,-0.1464831 0.353516,-0.146484 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc" />
+</svg>
diff --git a/gtk-assets/scalable/check-symbolic@2.svg b/gtk-assets/scalable/check-symbolic@2.svg
new file mode 100644
index 0000000..17e3c4a
--- /dev/null
+++ b/gtk-assets/scalable/check-symbolic@2.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic@2.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="7.458333"
+     inkscape:cx="-8.9832406"
+     inkscape:cy="11.061453"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 32.183594,13.09375 c 0.255612,-7e-6 0.511162,0.0971 0.70703,0.292969 0.391738,0.391737 0.391738,1.022325 0,1.414062 l -14.14453,14.144531 c -0.04898,0.04898 -0.1007,0.09222 -0.1563,0.12886 -0.05544,0.03678 -0.1117,0.06536 -0.17186,0.08984 -0.06018,0.02448 -0.12452,0.04244 -0.18752,0.05468 -0.06298,0.0122 -0.1275,0.0196 -0.19142,0.0196 -0.0639,0 -0.12452,-0.0072 -0.1875,-0.0196 -0.06298,-0.0122 -0.12734,-0.0302 -0.1875,-0.05468 -0.06018,-0.02448 -0.11636,-0.05312 -0.17186,-0.08984 -0.02778,-0.0184 -0.05572,-0.04102 -0.08202,-0.0625 -0.02624,-0.02142 -0.05358,-0.04198 -0.07806,-0.06646 L 8.9587542,20.567966 c -0.3917366,-0.391738 -0.3917374,-1.022324 1e-6,-1.414064 0.3917362,-0.391734 1.0223248,-0.391736 1.4140618,2e-6 l 7.666239,7.670198 13.4375,-13.4375 c 0.19586,-0.195868 0.451414,-0.292966 0.707032,-0.292968 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc"
+     style="stroke-width:2" />
+</svg>
diff --git a/gtk-assets/scalable/checkbox-checked-symbolic.svg b/gtk-assets/scalable/checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..597041c
--- /dev/null
+++ b/gtk-assets/scalable/checkbox-checked-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="0.96610169"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 38,6 H 10 C 7.78,6 6,7.8 6,10 v 28 c 0,2.2 1.78,4 4,4 h 28 c 2.22,0 4,-1.8 4,-4 V 10 C 42,7.8 40.22,6 38,6 Z M 20,34 10,24 12.82,21.18 20,28.34 35.18,13.16 38,16 Z"
+     id="path2"
+     style="stroke-width:2" />
+</svg>
diff --git a/gtk-assets/scalable/checkbox-mixed-symbolic.svg b/gtk-assets/scalable/checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..0e95207
--- /dev/null
+++ b/gtk-assets/scalable/checkbox-mixed-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="checkbox-mixed-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="0.96610169"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 38,6 H 10 C 7.8,6 6,7.8 6,10 v 28 c 0,2.2 1.8,4 4,4 h 28 c 2.2,0 4,-1.8 4,-4 V 10 C 42,7.8 40.2,6 38,6 Z M 34,26 H 14 v -4 h 20 z"
+     id="path2"
+     style="stroke-width:2" />
+</svg>
diff --git a/gtk-assets/scalable/checkbox-unchecked-symbolic.svg b/gtk-assets/scalable/checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..a66d47a
--- /dev/null
+++ b/gtk-assets/scalable/checkbox-unchecked-symbolic.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="checkbox-unchecked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="6.9532167"
+     inkscape:cx="17.402018"
+     inkscape:cy="25.527753"
+     inkscape:window-width="1368"
+     inkscape:window-height="704"
+     inkscape:window-x="0"
+     inkscape:window-y="34"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 38,10 V 38 H 10 V 10 H 38 M 38,6 H 10 C 7.8,6 6,7.8 6,10 v 28 c 0,2.2 1.8,4 4,4 h 28 c 2.2,0 4,-1.8 4,-4 V 10 C 42,7.8 40.2,6 38,6 Z"
+     id="path2" />
+</svg>
diff --git a/gtk-assets/scalable/radio-checked-symbolic.svg b/gtk-assets/scalable/radio-checked-symbolic.svg
new file mode 100644
index 0000000..6db3e66
--- /dev/null
+++ b/gtk-assets/scalable/radio-checked-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="radio-checked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="0.96610169"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="m 24,14 c -5.52,0 -10,4.48 -10,10 0,5.52 4.48,10 10,10 5.52,0 10,-4.48 10,-10 C 34,18.48 29.52,14 24,14 Z M 24,4 C 12.96,4 4,12.96 4,24 4,35.04 12.96,44 24,44 35.04,44 44,35.04 44,24 44,12.96 35.04,4 24,4 Z m 0,36 C 15.16,40 8,32.84 8,24 8,15.16 15.16,8 24,8 c 8.84,0 16,7.16 16,16 0,8.84 -7.16,16 -16,16 z"
+     id="path2"
+     style="stroke-width:2" />
+</svg>
diff --git a/gtk-assets/scalable/radio-mixed-symbolic.svg b/gtk-assets/scalable/radio-mixed-symbolic.svg
new file mode 100644
index 0000000..c4d4b9b
--- /dev/null
+++ b/gtk-assets/scalable/radio-mixed-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="radio-mixed-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="0.96610169"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="m 14,22 v 4 H 34 V 22 Z M 24,4 C 12.96,4 4,12.96 4,24 4,35.04 12.96,44 24,44 35.04,44 44,35.04 44,24 44,12.96 35.04,4 24,4 Z m 0,36 C 15.18,40 8,32.82 8,24 8,15.18 15.18,8 24,8 c 8.82,0 16,7.18 16,16 0,8.82 -7.18,16 -16,16 z"
+     id="path2"
+     style="stroke-width:2" />
+</svg>
diff --git a/gtk-assets/scalable/radio-unchecked-symbolic.svg b/gtk-assets/scalable/radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..a9ec10e
--- /dev/null
+++ b/gtk-assets/scalable/radio-unchecked-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="48"
+   height="48"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="radio-unchecked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="0.96610169"
+     inkscape:cy="12.050847"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 24,4 C 12.96,4 4,12.96 4,24 4,35.04 12.96,44 24,44 35.04,44 44,35.04 44,24 44,12.96 35.04,4 24,4 Z m 0,36 C 15.16,40 8,32.84 8,24 8,15.16 15.16,8 24,8 c 8.84,0 16,7.16 16,16 0,8.84 -7.16,16 -16,16 z"
+     id="path2"
+     style="stroke-width:2" />
+</svg>
diff --git a/gtk-assets/scalable/side-paned.svg b/gtk-assets/scalable/side-paned.svg
new file mode 100644
index 0000000..50c3b8d
--- /dev/null
+++ b/gtk-assets/scalable/side-paned.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="10"
+   height="200"
+   version="1.1"
+   viewBox="0 0 2.6458 52.917"
+   id="svg13"
+   sodipodi:docname="side-paned.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+  <metadata
+     id="metadata17">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="712"
+     id="namedview15"
+     showgrid="false"
+     inkscape:zoom="3.337544"
+     inkscape:cx="-7.8382048"
+     inkscape:cy="95.088684"
+     inkscape:window-x="0"
+     inkscape:window-y="28"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13">
+    <inkscape:grid
+       type="xygrid"
+       id="grid824" />
+  </sodipodi:namedview>
+  <defs
+     id="defs7">
+    <radialGradient
+       id="a"
+       cx="63.168396"
+       cy="228.20593"
+       r="1.3229"
+       gradientTransform="matrix(1.6,3.5282e-5,-4.322e-4,19.6,-101.5,-4446.38)"
+       gradientUnits="userSpaceOnUse"
+       fx="63.168396"
+       fy="228.20593">
+      <stop
+         offset="0"
+         id="stop2" />
+      <stop
+         stop-opacity="0"
+         offset="1"
+         id="stop4" />
+    </radialGradient>
+  </defs>
+  <rect
+     id="rect9"
+     style="opacity:0.05;fill:url(#a);fill-rule:evenodd;paint-order:stroke fill markers"
+     rx="2.5431e-06"
+     height="52.917"
+     width="2.6458001"
+     y="1.8310546e-06"
+     x="3.9736001e-08" />
+</svg>
diff --git a/gtk-assets/scalable/small-checkbox-checked-symbolic.svg b/gtk-assets/scalable/small-checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..315523d
--- /dev/null
+++ b/gtk-assets/scalable/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="small-checkbox-checked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="0.6779661"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 4,0 A 4,4 0 0 0 0,4 v 24 a 4,4 0 0 0 4,4 h 24 a 4,4 0 0 0 4,-4 V 4 A 4,4 0 0 0 28,0 Z m 21.2,7.18 2.82,2.82 -16,16 -8,-8 2.82,-2.82 5.18,5.18 z"
+     id="path2"
+     style="stroke-width:2" />
+</svg>
diff --git a/gtk-assets/scalable/small-checkbox-mixed-symbolic.svg b/gtk-assets/scalable/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..a79a1c1
--- /dev/null
+++ b/gtk-assets/scalable/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="small-checkbox-mixed-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="0.6779661"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 4,0 A 4,4 0 0 0 0,4 v 24 a 4,4 0 0 0 4,4 h 24 a 4,4 0 0 0 4,-4 V 4 A 4,4 0 0 0 28,0 Z m 4,14 h 16 v 4 H 8 Z"
+     id="path2"
+     style="stroke-width:2" />
+</svg>
diff --git a/gtk-assets/scalable/small-checkbox-unchecked-symbolic.svg b/gtk-assets/scalable/small-checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..6fabad1
--- /dev/null
+++ b/gtk-assets/scalable/small-checkbox-unchecked-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="small-checkbox-unchecked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="0.6779661"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 4,0 A 4,4 0 0 0 0,4 v 24 a 4,4 0 0 0 4,4 h 24 a 4,4 0 0 0 4,-4 V 4 A 4,4 0 0 0 28,0 Z M 4,4 H 28 V 28 H 4 Z"
+     id="path2"
+     style="stroke-width:2" />
+</svg>
diff --git a/gtk-assets/scalable/small-radio-checked-symbolic.svg b/gtk-assets/scalable/small-radio-checked-symbolic.svg
new file mode 100644
index 0000000..d057589
--- /dev/null
+++ b/gtk-assets/scalable/small-radio-checked-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="small-radio-checked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="0.6779661"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 16,0 A 16,16 0 0 0 0,16 16,16 0 0 0 16,32 16,16 0 0 0 32,16 16,16 0 0 0 16,0 Z m 0,4 A 12,12 0 0 1 28,16 12,12 0 0 1 16,28 12,12 0 0 1 4,16 12,12 0 0 1 16,4 Z m 0,4 a 8,8 0 0 0 -8,8 8,8 0 0 0 8,8 8,8 0 0 0 8,-8 8,8 0 0 0 -8,-8 z"
+     id="path2"
+     style="stroke-width:2" />
+</svg>
diff --git a/gtk-assets/scalable/small-radio-mixed-symbolic.svg b/gtk-assets/scalable/small-radio-mixed-symbolic.svg
new file mode 100644
index 0000000..4034fd5
--- /dev/null
+++ b/gtk-assets/scalable/small-radio-mixed-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="small-radio-mixed-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="0.6779661"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 16,0 A 16,16 0 0 0 0,16 16,16 0 0 0 16,32 16,16 0 0 0 32,16 16,16 0 0 0 16,0 Z m 0,4 A 12,12 0 0 1 28,16 12,12 0 0 1 16,28 12,12 0 0 1 4,16 12,12 0 0 1 16,4 Z M 8,14 v 4 h 16 v -4 z"
+     id="path2"
+     style="stroke-width:2" />
+</svg>
diff --git a/gtk-assets/scalable/small-radio-unchecked-symbolic.svg b/gtk-assets/scalable/small-radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..4f97332
--- /dev/null
+++ b/gtk-assets/scalable/small-radio-unchecked-symbolic.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="small-radio-unchecked-symbolic.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="14.75"
+     inkscape:cx="0.6779661"
+     inkscape:cy="8.0338983"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 16,0 A 16,16 0 0 0 0,16 16,16 0 0 0 16,32 16,16 0 0 0 32,16 16,16 0 0 0 16,0 Z m 0,4 A 12,12 0 0 1 28,16 12,12 0 0 1 16,28 12,12 0 0 1 4,16 12,12 0 0 1 16,4 Z"
+     id="path2"
+     style="stroke-width:2" />
+</svg>
diff --git a/gtk-assets/scale-horz-marks-after-slider-dark.png b/gtk-assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 0000000..e5edf5f
Binary files /dev/null and b/gtk-assets/scale-horz-marks-after-slider-dark.png differ
diff --git a/gtk-assets/scale-horz-marks-after-slider-dark@2.png b/gtk-assets/scale-horz-marks-after-slider-dark@2.png
new file mode 100644
index 0000000..37caa68
Binary files /dev/null and b/gtk-assets/scale-horz-marks-after-slider-dark@2.png differ
diff --git a/gtk-assets/scale-horz-marks-after-slider-disabled-dark.png b/gtk-assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..d339f51
Binary files /dev/null and b/gtk-assets/scale-horz-marks-after-slider-disabled-dark.png differ
diff --git a/gtk-assets/scale-horz-marks-after-slider-disabled-dark@2.png b/gtk-assets/scale-horz-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 0000000..10769a0
Binary files /dev/null and b/gtk-assets/scale-horz-marks-after-slider-disabled-dark@2.png differ
diff --git a/gtk-assets/scale-horz-marks-after-slider-disabled.png b/gtk-assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 0000000..8582234
Binary files /dev/null and b/gtk-assets/scale-horz-marks-after-slider-disabled.png differ
diff --git a/gtk-assets/scale-horz-marks-after-slider-disabled@2.png b/gtk-assets/scale-horz-marks-after-slider-disabled@2.png
new file mode 100644
index 0000000..bb81cf7
Binary files /dev/null and b/gtk-assets/scale-horz-marks-after-slider-disabled@2.png differ
diff --git a/gtk-assets/scale-horz-marks-after-slider.png b/gtk-assets/scale-horz-marks-after-slider.png
new file mode 100644
index 0000000..e5edf5f
Binary files /dev/null and b/gtk-assets/scale-horz-marks-after-slider.png differ
diff --git a/gtk-assets/scale-horz-marks-after-slider@2.png b/gtk-assets/scale-horz-marks-after-slider@2.png
new file mode 100644
index 0000000..37caa68
Binary files /dev/null and b/gtk-assets/scale-horz-marks-after-slider@2.png differ
diff --git a/gtk-assets/scale-horz-marks-before-slider-dark.png b/gtk-assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 0000000..2add4ef
Binary files /dev/null and b/gtk-assets/scale-horz-marks-before-slider-dark.png differ
diff --git a/gtk-assets/scale-horz-marks-before-slider-dark@2.png b/gtk-assets/scale-horz-marks-before-slider-dark@2.png
new file mode 100644
index 0000000..7fb7005
Binary files /dev/null and b/gtk-assets/scale-horz-marks-before-slider-dark@2.png differ
diff --git a/gtk-assets/scale-horz-marks-before-slider-disabled-dark.png b/gtk-assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..5542532
Binary files /dev/null and b/gtk-assets/scale-horz-marks-before-slider-disabled-dark.png differ
diff --git a/gtk-assets/scale-horz-marks-before-slider-disabled-dark@2.png b/gtk-assets/scale-horz-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 0000000..d20c77f
Binary files /dev/null and b/gtk-assets/scale-horz-marks-before-slider-disabled-dark@2.png differ
diff --git a/gtk-assets/scale-horz-marks-before-slider-disabled.png b/gtk-assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 0000000..6b1a392
Binary files /dev/null and b/gtk-assets/scale-horz-marks-before-slider-disabled.png differ
diff --git a/gtk-assets/scale-horz-marks-before-slider-disabled@2.png b/gtk-assets/scale-horz-marks-before-slider-disabled@2.png
new file mode 100644
index 0000000..22cb191
Binary files /dev/null and b/gtk-assets/scale-horz-marks-before-slider-disabled@2.png differ
diff --git a/gtk-assets/scale-horz-marks-before-slider.png b/gtk-assets/scale-horz-marks-before-slider.png
new file mode 100644
index 0000000..2add4ef
Binary files /dev/null and b/gtk-assets/scale-horz-marks-before-slider.png differ
diff --git a/gtk-assets/scale-horz-marks-before-slider@2.png b/gtk-assets/scale-horz-marks-before-slider@2.png
new file mode 100644
index 0000000..7fb7005
Binary files /dev/null and b/gtk-assets/scale-horz-marks-before-slider@2.png differ
diff --git a/gtk-assets/scale-slider-dark.png b/gtk-assets/scale-slider-dark.png
new file mode 100644
index 0000000..4a0b6e1
Binary files /dev/null and b/gtk-assets/scale-slider-dark.png differ
diff --git a/gtk-assets/scale-slider-dark@2.png b/gtk-assets/scale-slider-dark@2.png
new file mode 100644
index 0000000..cfdb8ee
Binary files /dev/null and b/gtk-assets/scale-slider-dark@2.png differ
diff --git a/gtk-assets/scale-slider-disabled-dark.png b/gtk-assets/scale-slider-disabled-dark.png
new file mode 100644
index 0000000..2e9806c
Binary files /dev/null and b/gtk-assets/scale-slider-disabled-dark.png differ
diff --git a/gtk-assets/scale-slider-disabled-dark@2.png b/gtk-assets/scale-slider-disabled-dark@2.png
new file mode 100644
index 0000000..8b78c54
Binary files /dev/null and b/gtk-assets/scale-slider-disabled-dark@2.png differ
diff --git a/gtk-assets/scale-slider-disabled.png b/gtk-assets/scale-slider-disabled.png
new file mode 100644
index 0000000..0f2b2f6
Binary files /dev/null and b/gtk-assets/scale-slider-disabled.png differ
diff --git a/gtk-assets/scale-slider-disabled@2.png b/gtk-assets/scale-slider-disabled@2.png
new file mode 100644
index 0000000..f370891
Binary files /dev/null and b/gtk-assets/scale-slider-disabled@2.png differ
diff --git a/gtk-assets/scale-slider.png b/gtk-assets/scale-slider.png
new file mode 100644
index 0000000..4a0b6e1
Binary files /dev/null and b/gtk-assets/scale-slider.png differ
diff --git a/gtk-assets/scale-slider@2.png b/gtk-assets/scale-slider@2.png
new file mode 100644
index 0000000..cfdb8ee
Binary files /dev/null and b/gtk-assets/scale-slider@2.png differ
diff --git a/gtk-assets/scale-vert-marks-after-slider-dark.png b/gtk-assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 0000000..98e645a
Binary files /dev/null and b/gtk-assets/scale-vert-marks-after-slider-dark.png differ
diff --git a/gtk-assets/scale-vert-marks-after-slider-dark@2.png b/gtk-assets/scale-vert-marks-after-slider-dark@2.png
new file mode 100644
index 0000000..f0b43eb
Binary files /dev/null and b/gtk-assets/scale-vert-marks-after-slider-dark@2.png differ
diff --git a/gtk-assets/scale-vert-marks-after-slider-disabled-dark.png b/gtk-assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..a8bd0b7
Binary files /dev/null and b/gtk-assets/scale-vert-marks-after-slider-disabled-dark.png differ
diff --git a/gtk-assets/scale-vert-marks-after-slider-disabled-dark@2.png b/gtk-assets/scale-vert-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 0000000..8369eb0
Binary files /dev/null and b/gtk-assets/scale-vert-marks-after-slider-disabled-dark@2.png differ
diff --git a/gtk-assets/scale-vert-marks-after-slider-disabled.png b/gtk-assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 0000000..5e02d7a
Binary files /dev/null and b/gtk-assets/scale-vert-marks-after-slider-disabled.png differ
diff --git a/gtk-assets/scale-vert-marks-after-slider-disabled@2.png b/gtk-assets/scale-vert-marks-after-slider-disabled@2.png
new file mode 100644
index 0000000..755265d
Binary files /dev/null and b/gtk-assets/scale-vert-marks-after-slider-disabled@2.png differ
diff --git a/gtk-assets/scale-vert-marks-after-slider.png b/gtk-assets/scale-vert-marks-after-slider.png
new file mode 100644
index 0000000..98e645a
Binary files /dev/null and b/gtk-assets/scale-vert-marks-after-slider.png differ
diff --git a/gtk-assets/scale-vert-marks-after-slider@2.png b/gtk-assets/scale-vert-marks-after-slider@2.png
new file mode 100644
index 0000000..f0b43eb
Binary files /dev/null and b/gtk-assets/scale-vert-marks-after-slider@2.png differ
diff --git a/gtk-assets/scale-vert-marks-before-slider-dark.png b/gtk-assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 0000000..bed2b77
Binary files /dev/null and b/gtk-assets/scale-vert-marks-before-slider-dark.png differ
diff --git a/gtk-assets/scale-vert-marks-before-slider-dark@2.png b/gtk-assets/scale-vert-marks-before-slider-dark@2.png
new file mode 100644
index 0000000..26a9a26
Binary files /dev/null and b/gtk-assets/scale-vert-marks-before-slider-dark@2.png differ
diff --git a/gtk-assets/scale-vert-marks-before-slider-disabled-dark.png b/gtk-assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..ccef390
Binary files /dev/null and b/gtk-assets/scale-vert-marks-before-slider-disabled-dark.png differ
diff --git a/gtk-assets/scale-vert-marks-before-slider-disabled-dark@2.png b/gtk-assets/scale-vert-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 0000000..fe4d92c
Binary files /dev/null and b/gtk-assets/scale-vert-marks-before-slider-disabled-dark@2.png differ
diff --git a/gtk-assets/scale-vert-marks-before-slider-disabled.png b/gtk-assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 0000000..7814e7d
Binary files /dev/null and b/gtk-assets/scale-vert-marks-before-slider-disabled.png differ
diff --git a/gtk-assets/scale-vert-marks-before-slider-disabled@2.png b/gtk-assets/scale-vert-marks-before-slider-disabled@2.png
new file mode 100644
index 0000000..2ccbc7f
Binary files /dev/null and b/gtk-assets/scale-vert-marks-before-slider-disabled@2.png differ
diff --git a/gtk-assets/scale-vert-marks-before-slider.png b/gtk-assets/scale-vert-marks-before-slider.png
new file mode 100644
index 0000000..bed2b77
Binary files /dev/null and b/gtk-assets/scale-vert-marks-before-slider.png differ
diff --git a/gtk-assets/scale-vert-marks-before-slider@2.png b/gtk-assets/scale-vert-marks-before-slider@2.png
new file mode 100644
index 0000000..26a9a26
Binary files /dev/null and b/gtk-assets/scale-vert-marks-before-slider@2.png differ
diff --git a/gtk-assets/selectionmode-checkbox-checked-dark.png b/gtk-assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 0000000..e66bb23
Binary files /dev/null and b/gtk-assets/selectionmode-checkbox-checked-dark.png differ
diff --git a/gtk-assets/selectionmode-checkbox-checked-dark@2.png b/gtk-assets/selectionmode-checkbox-checked-dark@2.png
new file mode 100644
index 0000000..a94163d
Binary files /dev/null and b/gtk-assets/selectionmode-checkbox-checked-dark@2.png differ
diff --git a/gtk-assets/selectionmode-checkbox-checked.png b/gtk-assets/selectionmode-checkbox-checked.png
new file mode 100644
index 0000000..e66bb23
Binary files /dev/null and b/gtk-assets/selectionmode-checkbox-checked.png differ
diff --git a/gtk-assets/selectionmode-checkbox-checked@2.png b/gtk-assets/selectionmode-checkbox-checked@2.png
new file mode 100644
index 0000000..a94163d
Binary files /dev/null and b/gtk-assets/selectionmode-checkbox-checked@2.png differ
diff --git a/gtk-assets/selectionmode-checkbox-unchecked-dark.png b/gtk-assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 0000000..a1aac84
Binary files /dev/null and b/gtk-assets/selectionmode-checkbox-unchecked-dark.png differ
diff --git a/gtk-assets/selectionmode-checkbox-unchecked-dark@2.png b/gtk-assets/selectionmode-checkbox-unchecked-dark@2.png
new file mode 100644
index 0000000..ba15556
Binary files /dev/null and b/gtk-assets/selectionmode-checkbox-unchecked-dark@2.png differ
diff --git a/gtk-assets/selectionmode-checkbox-unchecked.png b/gtk-assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 0000000..3c8beba
Binary files /dev/null and b/gtk-assets/selectionmode-checkbox-unchecked.png differ
diff --git a/gtk-assets/selectionmode-checkbox-unchecked@2.png b/gtk-assets/selectionmode-checkbox-unchecked@2.png
new file mode 100644
index 0000000..fb4ddc1
Binary files /dev/null and b/gtk-assets/selectionmode-checkbox-unchecked@2.png differ
diff --git a/gtk-assets/switch-slider-checked-dark.png b/gtk-assets/switch-slider-checked-dark.png
new file mode 100644
index 0000000..8e63c66
Binary files /dev/null and b/gtk-assets/switch-slider-checked-dark.png differ
diff --git a/gtk-assets/switch-slider-checked-dark@2.png b/gtk-assets/switch-slider-checked-dark@2.png
new file mode 100644
index 0000000..d736f5f
Binary files /dev/null and b/gtk-assets/switch-slider-checked-dark@2.png differ
diff --git a/gtk-assets/switch-slider-checked.png b/gtk-assets/switch-slider-checked.png
new file mode 100644
index 0000000..8e63c66
Binary files /dev/null and b/gtk-assets/switch-slider-checked.png differ
diff --git a/gtk-assets/switch-slider-checked@2.png b/gtk-assets/switch-slider-checked@2.png
new file mode 100644
index 0000000..d736f5f
Binary files /dev/null and b/gtk-assets/switch-slider-checked@2.png differ
diff --git a/gtk-assets/switch-slider-unchecked-dark.png b/gtk-assets/switch-slider-unchecked-dark.png
new file mode 100644
index 0000000..545b9ec
Binary files /dev/null and b/gtk-assets/switch-slider-unchecked-dark.png differ
diff --git a/gtk-assets/switch-slider-unchecked-dark@2.png b/gtk-assets/switch-slider-unchecked-dark@2.png
new file mode 100644
index 0000000..87e20a9
Binary files /dev/null and b/gtk-assets/switch-slider-unchecked-dark@2.png differ
diff --git a/gtk-assets/switch-slider-unchecked.png b/gtk-assets/switch-slider-unchecked.png
new file mode 100644
index 0000000..12644ae
Binary files /dev/null and b/gtk-assets/switch-slider-unchecked.png differ
diff --git a/gtk-assets/switch-slider-unchecked@2.png b/gtk-assets/switch-slider-unchecked@2.png
new file mode 100644
index 0000000..0e59629
Binary files /dev/null and b/gtk-assets/switch-slider-unchecked@2.png differ
diff --git a/index.theme b/index.theme
new file mode 100644
index 0000000..098ca18
--- /dev/null
+++ b/index.theme
@@ -0,0 +1,12 @@
+[Desktop Entry]
+Type=X-GNOME-Metatheme
+Name=Layan-Dark
+Comment=An Flat Gtk+ theme based on Material Design
+Encoding=UTF-8
+
+[X-GNOME-Metatheme]
+GtkTheme=Layan-Dark
+MetacityTheme=Layan-Dark
+IconTheme=Tela-Dark
+CursorTheme=Adwaita
+ButtonLayout=menu:minimize,maximize,close
diff --git a/plank/dock.theme b/plank/dock.theme
new file mode 100644
index 0000000..2c7ee35
--- /dev/null
+++ b/plank/dock.theme
@@ -0,0 +1,64 @@
+#This file auto-generated by Plank.
+#2018-07-10T12:56:31+0000
+
+[PlankTheme]
+#The roundness of the top corners.
+TopRoundness=4
+#The roundness of the bottom corners.
+BottomRoundness=0
+#The thickness (in pixels) of lines drawn.
+LineWidth=1
+#The color (RGBA) of the outer stroke.
+OuterStrokeColor=0;;0;;0;;95
+#The starting color (RGBA) of the fill gradient.
+FillStartColor=40;;42;;52;;215
+#The ending color (RGBA) of the fill gradient.
+FillEndColor=40;;42;;46;;215
+#The color (RGBA) of the inner stroke.
+InnerStrokeColor=40;;42;;52;;245
+
+[PlankDockTheme]
+#The padding on the left/right dock edges, in tenths of a percent of IconSize.
+HorizPadding=0
+#The padding on the top dock edge, in tenths of a percent of IconSize.
+TopPadding=-7
+#The padding on the bottom dock edge, in tenths of a percent of IconSize.
+BottomPadding=1.5
+#The padding between items on the dock, in tenths of a percent of IconSize.
+ItemPadding=3
+#The size of item indicators, in tenths of a percent of IconSize.
+IndicatorSize=5
+#The size of the icon-shadow behind every item, in tenths of a percent of IconSize.
+IconShadowSize=1.2
+#The height (in percent of IconSize) to bounce an icon when the application sets urgent.
+UrgentBounceHeight=1.6666666666666667
+#The height (in percent of IconSize) to bounce an icon when launching an application.
+LaunchBounceHeight=0.625
+#The opacity value (0 to 1) to fade the dock to when hiding it.
+FadeOpacity=1
+#The amount of time (in ms) for click animations.
+ClickTime=300
+#The amount of time (in ms) to bounce an urgent icon.
+UrgentBounceTime=0
+#The amount of time (in ms) to bounce an icon when launching an application.
+LaunchBounceTime=600
+#The amount of time (in ms) for active window indicator animations.
+ActiveTime=300
+#The amount of time (in ms) to slide icons into/out of the dock.
+SlideTime=300
+#The time (in ms) to fade the dock in/out on a hide (if FadeOpacity is < 1).
+FadeTime=250
+#The time (in ms) to slide the dock in/out on a hide (if FadeOpacity is 1).
+HideTime=200
+#The size of the urgent glow (shown when dock is hidden), in tenths of a percent of IconSize.
+GlowSize=0
+#The total time (in ms) to show the hidden-dock urgent glow.
+GlowTime=0
+#The time (in ms) of each pulse of the hidden-dock urgent glow.
+GlowPulseTime=0
+#The hue-shift (-180 to 180) of the urgent indicator color.
+UrgentHueShift=150
+#The time (in ms) to move an item to its new position or its addition/removal to/from the dock.
+ItemMoveTime=200
+#Whether background and icons will unhide/hide with different speeds. The top-border of both will leave/hit the screen-edge at the same time.
+CascadeHide=true
diff --git a/xfwm4/bottom-active.png b/xfwm4/bottom-active.png
new file mode 100644
index 0000000..5597b61
Binary files /dev/null and b/xfwm4/bottom-active.png differ
diff --git a/xfwm4/bottom-inactive.png b/xfwm4/bottom-inactive.png
new file mode 100644
index 0000000..5597b61
Binary files /dev/null and b/xfwm4/bottom-inactive.png differ
diff --git a/xfwm4/bottom-left-active.png b/xfwm4/bottom-left-active.png
new file mode 100644
index 0000000..379f55f
Binary files /dev/null and b/xfwm4/bottom-left-active.png differ
diff --git a/xfwm4/bottom-left-inactive.png b/xfwm4/bottom-left-inactive.png
new file mode 100644
index 0000000..379f55f
Binary files /dev/null and b/xfwm4/bottom-left-inactive.png differ
diff --git a/xfwm4/bottom-right-active.png b/xfwm4/bottom-right-active.png
new file mode 100644
index 0000000..4a97120
Binary files /dev/null and b/xfwm4/bottom-right-active.png differ
diff --git a/xfwm4/bottom-right-inactive.png b/xfwm4/bottom-right-inactive.png
new file mode 100644
index 0000000..4a97120
Binary files /dev/null and b/xfwm4/bottom-right-inactive.png differ
diff --git a/xfwm4/close-active.png b/xfwm4/close-active.png
new file mode 100644
index 0000000..d1b9c8a
Binary files /dev/null and b/xfwm4/close-active.png differ
diff --git a/xfwm4/close-inactive.png b/xfwm4/close-inactive.png
new file mode 100644
index 0000000..927f6d9
Binary files /dev/null and b/xfwm4/close-inactive.png differ
diff --git a/xfwm4/close-prelight.png b/xfwm4/close-prelight.png
new file mode 100644
index 0000000..3ebae49
Binary files /dev/null and b/xfwm4/close-prelight.png differ
diff --git a/xfwm4/close-pressed.png b/xfwm4/close-pressed.png
new file mode 100644
index 0000000..194446d
Binary files /dev/null and b/xfwm4/close-pressed.png differ
diff --git a/xfwm4/hide-active.png b/xfwm4/hide-active.png
new file mode 100644
index 0000000..d1b9c8a
Binary files /dev/null and b/xfwm4/hide-active.png differ
diff --git a/xfwm4/hide-inactive.png b/xfwm4/hide-inactive.png
new file mode 100644
index 0000000..927f6d9
Binary files /dev/null and b/xfwm4/hide-inactive.png differ
diff --git a/xfwm4/hide-prelight.png b/xfwm4/hide-prelight.png
new file mode 100644
index 0000000..a103bb0
Binary files /dev/null and b/xfwm4/hide-prelight.png differ
diff --git a/xfwm4/hide-pressed.png b/xfwm4/hide-pressed.png
new file mode 100644
index 0000000..321cd9d
Binary files /dev/null and b/xfwm4/hide-pressed.png differ
diff --git a/xfwm4/left-active.png b/xfwm4/left-active.png
new file mode 100644
index 0000000..3ff636d
Binary files /dev/null and b/xfwm4/left-active.png differ
diff --git a/xfwm4/left-inactive.png b/xfwm4/left-inactive.png
new file mode 100644
index 0000000..3ff636d
Binary files /dev/null and b/xfwm4/left-inactive.png differ
diff --git a/xfwm4/maximize-active.png b/xfwm4/maximize-active.png
new file mode 100644
index 0000000..d1b9c8a
Binary files /dev/null and b/xfwm4/maximize-active.png differ
diff --git a/xfwm4/maximize-inactive.png b/xfwm4/maximize-inactive.png
new file mode 100644
index 0000000..927f6d9
Binary files /dev/null and b/xfwm4/maximize-inactive.png differ
diff --git a/xfwm4/maximize-prelight.png b/xfwm4/maximize-prelight.png
new file mode 100644
index 0000000..1f7be68
Binary files /dev/null and b/xfwm4/maximize-prelight.png differ
diff --git a/xfwm4/maximize-pressed.png b/xfwm4/maximize-pressed.png
new file mode 100644
index 0000000..1b730c7
Binary files /dev/null and b/xfwm4/maximize-pressed.png differ
diff --git a/xfwm4/maximize-toggled-active.png b/xfwm4/maximize-toggled-active.png
new file mode 100644
index 0000000..d1b9c8a
Binary files /dev/null and b/xfwm4/maximize-toggled-active.png differ
diff --git a/xfwm4/maximize-toggled-inactive.png b/xfwm4/maximize-toggled-inactive.png
new file mode 100644
index 0000000..927f6d9
Binary files /dev/null and b/xfwm4/maximize-toggled-inactive.png differ
diff --git a/xfwm4/maximize-toggled-prelight.png b/xfwm4/maximize-toggled-prelight.png
new file mode 100644
index 0000000..50f2392
Binary files /dev/null and b/xfwm4/maximize-toggled-prelight.png differ
diff --git a/xfwm4/maximize-toggled-pressed.png b/xfwm4/maximize-toggled-pressed.png
new file mode 100644
index 0000000..d59b692
Binary files /dev/null and b/xfwm4/maximize-toggled-pressed.png differ
diff --git a/xfwm4/menu-active.png b/xfwm4/menu-active.png
new file mode 100644
index 0000000..d1b9c8a
Binary files /dev/null and b/xfwm4/menu-active.png differ
diff --git a/xfwm4/menu-inactive.png b/xfwm4/menu-inactive.png
new file mode 100644
index 0000000..927f6d9
Binary files /dev/null and b/xfwm4/menu-inactive.png differ
diff --git a/xfwm4/menu-prelight.png b/xfwm4/menu-prelight.png
new file mode 100644
index 0000000..ad2b160
Binary files /dev/null and b/xfwm4/menu-prelight.png differ
diff --git a/xfwm4/menu-pressed.png b/xfwm4/menu-pressed.png
new file mode 100644
index 0000000..02c85c7
Binary files /dev/null and b/xfwm4/menu-pressed.png differ
diff --git a/xfwm4/right-active.png b/xfwm4/right-active.png
new file mode 100644
index 0000000..3ff636d
Binary files /dev/null and b/xfwm4/right-active.png differ
diff --git a/xfwm4/right-inactive.png b/xfwm4/right-inactive.png
new file mode 100644
index 0000000..3ff636d
Binary files /dev/null and b/xfwm4/right-inactive.png differ
diff --git a/xfwm4/shade-active.png b/xfwm4/shade-active.png
new file mode 100644
index 0000000..d1b9c8a
Binary files /dev/null and b/xfwm4/shade-active.png differ
diff --git a/xfwm4/shade-inactive.png b/xfwm4/shade-inactive.png
new file mode 100644
index 0000000..927f6d9
Binary files /dev/null and b/xfwm4/shade-inactive.png differ
diff --git a/xfwm4/shade-prelight.png b/xfwm4/shade-prelight.png
new file mode 100644
index 0000000..7fb554a
Binary files /dev/null and b/xfwm4/shade-prelight.png differ
diff --git a/xfwm4/shade-pressed.png b/xfwm4/shade-pressed.png
new file mode 100644
index 0000000..c727739
Binary files /dev/null and b/xfwm4/shade-pressed.png differ
diff --git a/xfwm4/stick-active.png b/xfwm4/stick-active.png
new file mode 100644
index 0000000..d1b9c8a
Binary files /dev/null and b/xfwm4/stick-active.png differ
diff --git a/xfwm4/stick-inactive.png b/xfwm4/stick-inactive.png
new file mode 100644
index 0000000..927f6d9
Binary files /dev/null and b/xfwm4/stick-inactive.png differ
diff --git a/xfwm4/stick-prelight.png b/xfwm4/stick-prelight.png
new file mode 100644
index 0000000..082edfd
Binary files /dev/null and b/xfwm4/stick-prelight.png differ
diff --git a/xfwm4/stick-pressed.png b/xfwm4/stick-pressed.png
new file mode 100644
index 0000000..bfe47fc
Binary files /dev/null and b/xfwm4/stick-pressed.png differ
diff --git a/xfwm4/stick-toggled-active.png b/xfwm4/stick-toggled-active.png
new file mode 100644
index 0000000..d1b9c8a
Binary files /dev/null and b/xfwm4/stick-toggled-active.png differ
diff --git a/xfwm4/stick-toggled-inactive.png b/xfwm4/stick-toggled-inactive.png
new file mode 100644
index 0000000..927f6d9
Binary files /dev/null and b/xfwm4/stick-toggled-inactive.png differ
diff --git a/xfwm4/stick-toggled-prelight.png b/xfwm4/stick-toggled-prelight.png
new file mode 100644
index 0000000..a2d754f
Binary files /dev/null and b/xfwm4/stick-toggled-prelight.png differ
diff --git a/xfwm4/stick-toggled-pressed.png b/xfwm4/stick-toggled-pressed.png
new file mode 100644
index 0000000..84acb80
Binary files /dev/null and b/xfwm4/stick-toggled-pressed.png differ
diff --git a/xfwm4/themerc b/xfwm4/themerc
new file mode 100644
index 0000000..cb238f0
--- /dev/null
+++ b/xfwm4/themerc
@@ -0,0 +1,23 @@
+button_offset=6
+button_spacing=0
+
+show_app_icon=false
+
+full_width_title=true
+
+title_shadow_active=false
+title_shadow_inactive=false
+
+title_horizontal_offset=3
+
+active_text_color=#afafaf
+active_text_shadow_color=#252525
+
+inactive_text_color=#808080
+inactive_text_shadow_color=#252525
+
+shadow_delta_height=2
+shadow_delta_width=0
+shadow_delta_x=0
+shadow_delta_y=-5
+shadow_opacity=40
diff --git a/xfwm4/title-1-active.png b/xfwm4/title-1-active.png
new file mode 100644
index 0000000..483d099
Binary files /dev/null and b/xfwm4/title-1-active.png differ
diff --git a/xfwm4/title-1-inactive.png b/xfwm4/title-1-inactive.png
new file mode 100644
index 0000000..483d099
Binary files /dev/null and b/xfwm4/title-1-inactive.png differ
diff --git a/xfwm4/title-2-active.png b/xfwm4/title-2-active.png
new file mode 100644
index 0000000..483d099
Binary files /dev/null and b/xfwm4/title-2-active.png differ
diff --git a/xfwm4/title-2-inactive.png b/xfwm4/title-2-inactive.png
new file mode 100644
index 0000000..483d099
Binary files /dev/null and b/xfwm4/title-2-inactive.png differ
diff --git a/xfwm4/title-3-active.png b/xfwm4/title-3-active.png
new file mode 100644
index 0000000..483d099
Binary files /dev/null and b/xfwm4/title-3-active.png differ
diff --git a/xfwm4/title-3-inactive.png b/xfwm4/title-3-inactive.png
new file mode 100644
index 0000000..483d099
Binary files /dev/null and b/xfwm4/title-3-inactive.png differ
diff --git a/xfwm4/title-4-active.png b/xfwm4/title-4-active.png
new file mode 100644
index 0000000..483d099
Binary files /dev/null and b/xfwm4/title-4-active.png differ
diff --git a/xfwm4/title-4-inactive.png b/xfwm4/title-4-inactive.png
new file mode 100644
index 0000000..483d099
Binary files /dev/null and b/xfwm4/title-4-inactive.png differ
diff --git a/xfwm4/title-5-active.png b/xfwm4/title-5-active.png
new file mode 100644
index 0000000..483d099
Binary files /dev/null and b/xfwm4/title-5-active.png differ
diff --git a/xfwm4/title-5-inactive.png b/xfwm4/title-5-inactive.png
new file mode 100644
index 0000000..483d099
Binary files /dev/null and b/xfwm4/title-5-inactive.png differ
diff --git a/xfwm4/top-left-active.png b/xfwm4/top-left-active.png
new file mode 100644
index 0000000..2432070
Binary files /dev/null and b/xfwm4/top-left-active.png differ
diff --git a/xfwm4/top-left-inactive.png b/xfwm4/top-left-inactive.png
new file mode 100644
index 0000000..2432070
Binary files /dev/null and b/xfwm4/top-left-inactive.png differ
diff --git a/xfwm4/top-right-active.png b/xfwm4/top-right-active.png
new file mode 100644
index 0000000..ce5be59
Binary files /dev/null and b/xfwm4/top-right-active.png differ
diff --git a/xfwm4/top-right-inactive.png b/xfwm4/top-right-inactive.png
new file mode 100644
index 0000000..ce5be59
Binary files /dev/null and b/xfwm4/top-right-inactive.png differ